diff --git a/css/pico.classless.css b/css/pico.classless.css
index 157f30a9..bfae6f9a 100644
--- a/css/pico.classless.css
+++ b/css/pico.classless.css
@@ -193,7 +193,6 @@ kbd {
 
 [data-theme=light],
 :root:not([data-theme=dark]) {
-  color-scheme: light;
   --background-color: #fff;
   --color: #415462;
   --h1-color: #1b2832;
@@ -283,11 +282,11 @@ kbd {
   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+  color-scheme: light;
 }
 
 @media only screen and (prefers-color-scheme: dark) {
   :root:not([data-theme=light]) {
-    color-scheme: dark;
     --background-color: #11191f;
     --color: #bbc6ce;
     --h1-color: #edf0f3;
@@ -378,10 +377,10 @@ kbd {
     --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
     --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
     --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+    color-scheme: dark;
   }
 }
 [data-theme=dark] {
-  color-scheme: dark;
   --background-color: #11191f;
   --color: #bbc6ce;
   --h1-color: #edf0f3;
@@ -472,6 +471,7 @@ kbd {
   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+  color-scheme: dark;
 }
 
 /**
@@ -1973,6 +1973,23 @@ nav a {
 nav a:hover, nav a:active, nav a:focus {
   text-decoration: none;
 }
+nav[aria-label=breadcrumb] {
+  align-items: center;
+  justify-content: left;
+}
+nav[aria-label=breadcrumb] ul li {
+  -webkit-padding-start: 0;
+  padding-inline-start: 0;
+}
+nav[aria-label=breadcrumb] ul li:not(:last-child) a::after {
+  -webkit-padding-start: 0.5rem;
+  padding-inline-start: 0.5rem;
+  content: "/";
+  color: var(--muted-color);
+}
+nav[aria-label=breadcrumb] a[aria-current=page] {
+  color: inherit;
+}
 
 aside nav,
 aside ol,
diff --git a/css/pico.classless.css.map b/css/pico.classless.css.map
index 47bcf263..51fa82b1 100644
--- a/css/pico.classless.css.map
+++ b/css/pico.classless.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.classless.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_section.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.classless.css","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary: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::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.classless.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\n@if $enable-classes == false {\n  hgroup {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n@if $enable-classes {\n  hgroup,\n  .headings {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n    --color: var(--primary-inverse);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n\n  // Contrast\n  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--contrast-focus);\n    }\n  }\n\n  // Outline (primary)\n  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n}\n\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-valid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n    \n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-invalid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Footer\ntfoot {\n  th,\n  td {\n    border-top: var(--border-width) solid var(--table-border-color);\n    border-bottom: 0;\n  }\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.classless.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_section.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.classless.css","sourcesContent":["/*!\r\n * Pico.css v1.4.4 (https://picocss.com)\r\n * Copyright 2019-2021 - Licensed under MIT\r\n */\r\n\r\n// Config\r\n@import \"variables\";\r\n\r\n// Theming\r\n@import \"themes/default\";\r\n\r\n// Layout\r\n@import \"layout/document\"; // html\r\n@import \"layout/sectioning\"; // body, header, main, footer\r\n@import \"layout/container\"; // .container, .container-fluid\r\n@import \"layout/section\"; // section\r\n@import \"layout/grid\"; // .grid\r\n@import \"layout/scroller\"; // figure\r\n\r\n// Content\r\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\r\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\r\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\r\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\r\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\r\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\r\n@import \"content/table\"; // table, tr, td, ...\r\n@import \"content/code\"; // pre, code, ...\r\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\r\n\r\n// Components\r\n@import \"components/accordion\"; // details, summary\r\n@import \"components/card\"; // article\r\n@import \"components/modal\"; // dialog\r\n@import \"components/nav\"; // nav\r\n@import \"components/progress\"; // progress\r\n\r\n// Utilities\r\n@import \"utilities/loading\"; // aria-busy=true\r\n@import \"utilities/tooltip\"; // data-tooltip\r\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\r\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\r\n","/**\r\n * Theme: default\r\n */\r\n\r\n// Variables\r\n@import \"../variables\";\r\n@import \"default/colors\";\r\n\r\n// Commons styles\r\n@import \"default/styles\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"default/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"default/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n  :root:not([data-theme=\"light\"]) {\r\n    @include dark;\r\n  }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n  @include dark;\r\n}\r\n","// Commons Styles\r\n:root {\r\n  // Typography\r\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n  --line-height: 1.5;\r\n  --font-weight: 400;\r\n  --font-size: 16px;\r\n\r\n  // Responsive typography\r\n  @if $enable-responsive-typography {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --font-size: 17px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --font-size: 18px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --font-size: 19px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Borders\r\n  --border-radius: 0.25rem;\r\n  --border-width: 1px;\r\n  --outline-width: 3px;\r\n\r\n  // Spacings\r\n  --spacing: 1rem;\r\n\r\n  // Spacings for typography elements\r\n  --typography-spacing-vertical: 1.5rem;\r\n\r\n  // Spacings for body > header, body > main, body > footer, section, article\r\n  --block-spacing-vertical: calc(var(--spacing) * 2);\r\n  --block-spacing-horizontal: var(--spacing);\r\n\r\n  @if ($enable-classes and $enable-grid) {\r\n    --grid-spacing-vertical: 0;\r\n    --grid-spacing-horizontal: var(--spacing);\r\n  }\r\n\r\n  // Spacings for form elements and button\r\n  --form-element-spacing-vertical: 0.75rem;\r\n  --form-element-spacing-horizontal: 1rem;\r\n\r\n  // Font weight for form labels & fieldsets legend\r\n  --form-label-font-weight: var(--font-weight);\r\n\r\n  // Transitions\r\n  --transition: 0.2s ease-in-out;\r\n}\r\n\r\n// Responsives spacings\r\n@if $enable-responsive-spacings {\r\n  // Sectionning\r\n  body > header,\r\n  body > main,\r\n  body > footer,\r\n  section {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 4);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Card (<article>)\r\n  article {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Modal\r\n  dialog > article {\r\n\r\n    --block-spacing-vertical: calc(var(--spacing) * 2);\r\n    --block-spacing-horizontal: var(--spacing);\r\n\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Link\r\na {\r\n  --text-decoration: none;\r\n\r\n  // Secondary & Contrast\r\n  @if $enable-classes {\r\n    &.secondary,\r\n    &.contrast {\r\n      --text-decoration: underline;\r\n    }\r\n  }\r\n}\r\n\r\n// Small\r\nsmall {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  --font-weight: 700;\r\n}\r\n\r\nh1 {\r\n  --font-size: 2rem;\r\n  --typography-spacing-vertical: 3rem;\r\n}\r\n\r\nh2 {\r\n  --font-size: 1.75rem;\r\n  --typography-spacing-vertical: 2.625rem;\r\n}\r\n\r\nh3 {\r\n  --font-size: 1.5rem;\r\n  --typography-spacing-vertical: 2.25rem;\r\n}\r\n\r\nh4 {\r\n  --font-size: 1.25rem;\r\n  --typography-spacing-vertical: 1.874rem;\r\n}\r\n\r\nh5 {\r\n  --font-size: 1.125rem;\r\n  --typography-spacing-vertical: 1.6875rem;\r\n}\r\n\r\n// Forms elements\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  --border-width: 2px;\r\n}\r\n\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --border-width: 3px;\r\n}\r\n\r\n// Table\r\nthead,\r\ntfoot {\r\n  th,\r\n  td {\r\n    --border-width: 3px;\r\n  }\r\n}\r\n\r\n:not(thead):not(tfoot) > * > td {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Code\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\r\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\r\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nkbd {\r\n  --font-weight: bolder;\r\n}\r\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    color-scheme: dark;\n  }\n}\n[data-theme=dark] {\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: dark;\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary: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::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\nnav[aria-label=breadcrumb] {\n  align-items: center;\n  justify-content: left;\n}\nnav[aria-label=breadcrumb] ul li {\n  padding-inline-start: 0;\n}\nnav[aria-label=breadcrumb] ul li:not(:last-child) a::after {\n  padding-inline-start: 0.5rem;\n  content: \"/\";\n  color: var(--muted-color);\n}\nnav[aria-label=breadcrumb] a[aria-current=page] {\n  color: inherit;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.classless.css.map */\n","// Default: Light theme\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --background-color: #{$white};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-700};\r\n  --h1-color: #{$grey-900};\r\n  --h2-color: #{mix($grey-900, $grey-800)};\r\n  --h3-color: #{$grey-800};\r\n  --h4-color: #{mix($grey-800, $grey-700)};\r\n  --h5-color: #{$grey-700};\r\n  --h6-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{$grey-50};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-700};\r\n  --primary-focus: #{rgba($primary-600, 0.125)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-700};\r\n  --secondary-focus: #{rgba($grey-600, 0.125)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-900};\r\n  --contrast-hover: #{$black};\r\n  --contrast-focus: #{rgba($grey-600, 0.125)};\r\n  --contrast-inverse: #{$white};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($amber-100, $amber-50)};\r\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: transparent;\r\n  --form-element-border-color: #{$grey-300};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: transparent;\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-100};\r\n  --form-element-disabled-border-color: #{$grey-300};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-800};\r\n  --form-element-invalid-active-border-color: #{$red-700};\r\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\r\n  --form-element-valid-border-color: #{$green-700};\r\n  --form-element-valid-active-border-color: #{$green-600};\r\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{$grey-200};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{$grey-100};\r\n  --range-active-border-color: #{$grey-200};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\r\n\r\n  // Code\r\n  --code-background-color: #{$grey-50};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 40%, 50%)};\r\n  --code-property-color: #{hsl(185, 40%, 40%)};\r\n  --code-value-color: #{hsl(40, 20%, 50%)};\r\n  --code-comment-color: #{$grey-300};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: var(--background-color);\r\n  --card-border-color: var(--muted-border-color);\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\r\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\r\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\r\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{$grey-100};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: light;\r\n}\r\n","// Default: Dark theme\r\n@mixin dark {\r\n  --background-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-200};\r\n  --h1-color: #{$grey-50};\r\n  --h2-color: #{mix($grey-100, $grey-50)};\r\n  --h3-color: #{$grey-100};\r\n  --h4-color: #{mix($grey-200, $grey-100)};\r\n  --h5-color: #{$grey-200};\r\n  --h6-color: #{mix($grey-300, $grey-200)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-500};\r\n  --primary-focus: #{rgba($primary-600, 0.25)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-500};\r\n  --secondary-focus: #{rgba($grey-500, 0.25)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-50};\r\n  --contrast-hover: #{$white};\r\n  --contrast-focus: #{rgba($grey-500, 0.25)};\r\n  --contrast-inverse: #{$black};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($grey-300, $amber-300)};\r\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\r\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: var(--form-element-background-color);\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-800};\r\n  --form-element-disabled-border-color: #{$grey-700};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-900};\r\n  --form-element-invalid-active-border-color: #{$red-800};\r\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\r\n  --form-element-valid-border-color: #{$green-800};\r\n  --form-element-valid-active-border-color: #{$green-700};\r\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{mix($grey-800, $grey-700)};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{mix($grey-900, $grey-800)};\r\n  --range-active-border-color: #{$grey-800};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\r\n\r\n  // Code\r\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 30%, 50%)};\r\n  --code-property-color: #{hsl(185, 30%, 50%)};\r\n  --code-value-color: #{hsl(40, 10%, 50%)};\r\n  --code-comment-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-active-summary-color: var(--primary);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: #{mix($black, $grey-900, 25%)};\r\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\r\n    0 0.125rem 2rem #{rgba($black, 0.12)},\r\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\r\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{mix($grey-900, $grey-800)};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: dark;\r\n}\r\n","/**\r\n * Document\r\n * Content-box & Responsive typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box; // 1\r\n}\r\n\r\n// 1. Add text decoration inheritance in all browsers (opinionated)\r\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\r\n::before,\r\n::after {\r\n  text-decoration: inherit; // 1\r\n  vertical-align: inherit; // 2\r\n}\r\n\r\n// 1. Correct the line height in all browsers\r\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\n// 3. Change the default tap highlight to be completely transparent in iOS\r\n// 4. Use the default cursor in all browsers (opinionated)\r\n// 5. Use a 4-space tab width in all browsers (opinionated)\r\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\nhtml {\r\n  -webkit-text-size-adjust: 100%; // 2\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\r\n  -ms-text-size-adjust: 100%; // 6\r\n  text-rendering: optimizeLegibility;\r\n  background-color: var(--background-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  line-height: var(--line-height); // 1\r\n  font-family: var(--font-family);\r\n  cursor: default; // 4\r\n  tab-size: 4; // 5\r\n}\r\n","/**\r\n * Sectioning\r\n * Container and responsive spacings for header, main, footer\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Render the `main` element consistently in IE\r\nmain {\r\n  display: block;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbody {\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  > header,\r\n  > main,\r\n  > footer {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n\r\n    // Semantic container\r\n    @if $enable-semantic-container {\r\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n\r\n      // Centered viewport\r\n      @if $enable-viewport {\r\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"sm\")) {\r\n            max-width: map-get($viewports, \"sm\");\r\n            padding-right: 0;\r\n            padding-left: 0;\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"md\")) {\r\n            max-width: map-get($viewports, \"md\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"lg\")) {\r\n            max-width: map-get($viewports, \"lg\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"xl\")) {\r\n            max-width: map-get($viewports, \"xl\");\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Semantic container\r\n    @else {\r\n      padding: var(--block-spacing-vertical) 0;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Section\r\n * Responsive spacings for section\r\n */\r\n\r\nsection {\r\n  margin-bottom: var(--block-spacing-vertical);\r\n}\r\n","/**\r\n * Horizontal scroller (<figure>)\r\n */\r\n\r\n// Wrapper to make any content responsive across all viewports\r\nfigure {\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow-x: auto;\r\n\r\n  figcaption {\r\n    padding: calc(var(--spacing) * 0.5) 0;\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n","/**\r\n * Typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Add the correct font weight in Chrome, Edge, and Safari\r\nb,\r\nstrong {\r\n  font-weight: bolder;\r\n}\r\n\r\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\r\nsub,\r\nsup {\r\n  position: relative;\r\n  font-size: 0.75em;\r\n  line-height: 0;\r\n  vertical-align: baseline;\r\n}\r\nsub {\r\n  bottom: -0.25em;\r\n}\r\nsup {\r\n  top: -0.5em;\r\n}\r\n\r\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\r\ndl dl,\r\ndl ol,\r\ndl ul,\r\nol dl,\r\nul dl {\r\n  margin: 0;\r\n}\r\n\r\n// Remove the margin on nested lists in Edge 18- and IE\r\nol ol,\r\nol ul,\r\nul ol,\r\nul ul {\r\n  margin: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-style: normal;\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Links\r\n// 1. Remove the gray background on active links in IE 10\r\na {\r\n  --color: var(--primary);\r\n  --background-color: transparent;\r\n  outline: none;\r\n  background-color: var(--background-color); // 1\r\n  color: var(--color);\r\n  text-decoration: var(--text-decoration);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition), color var(--transition),\r\n      text-decoration var(--transition), box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --color: var(--primary-hover);\r\n    --text-decoration: underline;\r\n  }\r\n\r\n  &:focus {\r\n    --background-color: var(--primary-focus);\r\n  }\r\n\r\n  @if $enable-classes {\r\n    // Secondary\r\n    &.secondary {\r\n      --color: var(--secondary);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--secondary-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--secondary-focus);\r\n      }\r\n    }\r\n\r\n    // Contrast\r\n    &.contrast {\r\n      --color: var(--contrast);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--contrast-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--contrast-focus);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  font-family: var(--font-family);\r\n}\r\n\r\nh1 {\r\n  --color: var(--h1-color);\r\n}\r\nh2 {\r\n  --color: var(--h2-color);\r\n}\r\nh3 {\r\n  --color: var(--h3-color);\r\n}\r\nh4 {\r\n  --color: var(--h4-color);\r\n}\r\nh5 {\r\n  --color: var(--h5-color);\r\n}\r\nh6 {\r\n  --color: var(--h6-color);\r\n}\r\n\r\n// Margin-top for headings after a typography block\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  & ~ h1,\r\n  & ~ h2,\r\n  & ~ h3,\r\n  & ~ h4,\r\n  & ~ h5,\r\n  & ~ h6 {\r\n    margin-top: var(--typography-spacing-vertical);\r\n  }\r\n}\r\n\r\n// Heading group\r\n@if $enable-classes == false {\r\n  hgroup {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n@if $enable-classes {\r\n  hgroup,\r\n  .headings {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n// Paragraphs\r\np {\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n}\r\n\r\n// Small\r\nsmall {\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Lists\r\nul,\r\nol {\r\n  padding-right: 0;\r\n  padding-left: var(--spacing);\r\n  padding-inline-start: var(--spacing);\r\n  padding-inline-end: 0;\r\n\r\n  li {\r\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\r\n  }\r\n}\r\n\r\nul li {\r\n  list-style: square;\r\n}\r\n\r\n// Highlighted text\r\nmark {\r\n  padding: 0.125rem 0.25rem;\r\n  background-color: var(--mark-background-color);\r\n  color: var(--mark-color);\r\n  vertical-align: baseline;\r\n}\r\n\r\n// Blockquote\r\nblockquote {\r\n  display: block;\r\n  margin: var(--typography-spacing-vertical) 0;\r\n  padding: var(--spacing);\r\n  border-right: none;\r\n  border-left: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-end: none;\r\n\r\n  footer {\r\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\r\n    color: var(--blockquote-footer-color);\r\n  }\r\n}\r\n\r\n// Abbreviations\r\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\r\nabbr[title] {\r\n  border-bottom: 1px dotted;\r\n  text-decoration: none; // 1\r\n  cursor: help;\r\n}\r\n\r\n// Ins\r\nins {\r\n  color: var(--ins-color);\r\n  text-decoration: none;\r\n}\r\n\r\n// del\r\ndel {\r\n  color: var(--del-color);\r\n}\r\n\r\n// selection\r\n::selection {\r\n  background-color: var(--primary-focus);\r\n}\r\n","/**\r\n * Embedded content\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change the alignment on media elements in all browsers (opinionated)\r\naudio,\r\ncanvas,\r\niframe,\r\nimg,\r\nsvg,\r\nvideo {\r\n  vertical-align: middle;\r\n}\r\n\r\n// Add the correct display in IE 9-\r\naudio,\r\nvideo {\r\n  display: inline-block;\r\n}\r\n\r\n// Add the correct display in iOS 4-7\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\n// Remove the border on iframes in all browsers (opinionated)\r\niframe {\r\n  border-style: none;\r\n}\r\n\r\n// 1. Remove the border on images inside links in IE 10.\r\n// 2. Responsive by default\r\nimg {\r\n  max-width: 100%; // 2\r\n  height: auto; // 2\r\n  border-style: none; // 1\r\n}\r\n\r\n// Change the fill color to match the text color in all browsers (opinionated)\r\nsvg:not([fill]) {\r\n  fill: currentColor;\r\n}\r\n\r\n// Hide the overflow in IE\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n","/**\r\n * Button\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\n// 3. Show the overflow in Edge\r\nbutton {\r\n  margin: 0; // 2\r\n  overflow: visible; // 3\r\n  font-family: inherit; // 1\r\n  text-transform: none; // 1\r\n}\r\n\r\n// Correct the inability to style clickable types in iOS and Safari\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n  -webkit-appearance: button;\r\n}\r\n\r\n// Remove the inner border and padding in Firefox\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbutton {\r\n  display: block;\r\n  width: 100%;\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n[role=\"button\"] {\r\n  display: inline-block;\r\n  text-decoration: none;\r\n}\r\n\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\n[role=\"button\"] {\r\n  --background-color: var(--primary);\r\n  --border-color: var(--primary);\r\n  --color: var(--primary-inverse);\r\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: 1rem;\r\n  line-height: var(--line-height);\r\n  text-align: center;\r\n  cursor: pointer;\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--primary-hover);\r\n    --border-color: var(--primary-hover);\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n    --color: var(--primary-inverse);\r\n  }\r\n\r\n  &:focus {\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n      0 0 0 var(--outline-width) var(--primary-focus);\r\n  }\r\n}\r\n\r\n// .secondary, .contrast & .outline\r\n@if $enable-classes {\r\n\r\n  // Secondary\r\n  button.secondary,\r\n  input[type=\"submit\"].secondary,\r\n  input[type=\"button\"].secondary,\r\n  input[type=\"reset\"],\r\n  [role=\"button\"].secondary {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n      --color: var(--secondary-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n\r\n  // Contrast\r\n  button.contrast,\r\n  input[type=\"submit\"].contrast,\r\n  input[type=\"button\"].contrast,\r\n  input[type=\"reset\"].contrast,\r\n  [role=\"button\"].contrast {\r\n    --background-color: var(--contrast);\r\n    --border-color: var(--contrast);\r\n    --color: var(--contrast-inverse);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--contrast-hover);\r\n      --border-color: var(--contrast-hover);\r\n      --color: var(--contrast-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--contrast-focus);\r\n    }\r\n  }\r\n\r\n  // Outline (primary)\r\n  button.outline,\r\n  input[type=\"submit\"].outline,\r\n  input[type=\"button\"].outline,\r\n  input[type=\"reset\"].outline,\r\n  [role=\"button\"].outline {\r\n    --background-color: transparent;\r\n    --color: var(--primary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: transparent;\r\n      --color: var(--primary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (secondary)\r\n  button.outline.secondary,\r\n  input[type=\"submit\"].outline.secondary,\r\n  input[type=\"button\"].outline.secondary,\r\n  input[type=\"reset\"].outline.secondary,\r\n  [role=\"button\"].outline.secondary {\r\n    --color: var(--secondary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (contrast)\r\n  button.outline.contrast,\r\n  input[type=\"submit\"].outline.contrast,\r\n  input[type=\"button\"].outline.contrast,\r\n  input[type=\"reset\"].outline.contrast,\r\n  [role=\"button\"].outline.contrast {\r\n    --color: var(--contrast);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--contrast-hover);\r\n    }\r\n  }\r\n}\r\n\r\n@else {\r\n  // Secondary button without .class\r\n  input[type=\"reset\"] {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n}\r\n\r\n// Button [disabled]\r\n// 1. Links without href are disabled by default\r\nbutton[disabled],\r\ninput[type=\"submit\"][disabled],\r\ninput[type=\"button\"][disabled],\r\ninput[type=\"reset\"][disabled],\r\na[role=\"button\"]:not([href]), // 1\r\n[role=\"button\"][disabled] {\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n}","/**\r\n * Form elements\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n  margin: 0; // 2\r\n  font-size: 1rem; // 1\r\n  line-height: var(--line-height); // 1\r\n  font-family: inherit; // 1\r\n  letter-spacing: inherit; // 2\r\n}\r\n\r\n// Show the overflow in IE.\r\ninput {\r\n  overflow: visible;\r\n}\r\n\r\n// Remove the inheritance of text transform in Edge, Firefox, and IE\r\nselect {\r\n  text-transform: none;\r\n}\r\n\r\n// 1. Correct the text wrapping in Edge and IE\r\n// 2. Correct the color inheritance from `fieldset` elements in IE\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n// `fieldset` elements in all browsers\r\nlegend {\r\n  max-width: 100%; // 1\r\n  padding: 0; // 3\r\n  color: inherit; // 2\r\n  white-space: normal; // 1\r\n}\r\n\r\n// 1. Remove the default vertical scrollbar in IE\r\ntextarea {\r\n  overflow: auto; // 1\r\n}\r\n\r\n// Remove the padding in IE 10\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  padding: 0;\r\n}\r\n\r\n// Correct the cursor style of increment and decrement buttons in Safari\r\n::-webkit-inner-spin-button,\r\n::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n// 1. Correct the odd appearance in Chrome and Safari\r\n// 2. Correct the outline style in Safari\r\n[type=\"search\"] {\r\n  -webkit-appearance: textfield; // 1\r\n  outline-offset: -2px; // 2\r\n}\r\n\r\n// Remove the inner padding in Chrome and Safari on macOS\r\n[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}\r\n\r\n// 1. Correct the inability to style clickable types in iOS and Safari\r\n// 2. Change font properties to `inherit` in Safari\r\n::-webkit-file-upload-button {\r\n  -webkit-appearance: button; // 1\r\n  font: inherit; // 2\r\n}\r\n\r\n// Remove the inner border and padding of focus outlines in Firefox\r\n::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n//  Remove the focus outline in Firefox\r\n:-moz-focusring {\r\n  outline: none;\r\n}\r\n\r\n// Remove the additional :invalid styles in Firefox\r\n:-moz-ui-invalid {\r\n  box-shadow: none;\r\n}\r\n\r\n// Change the inconsistent appearance in IE (opinionated)\r\n::-ms-expand {\r\n  display: none;\r\n}\r\n\r\n// Remove the border and padding in all browsers (opinionated)\r\n[type=\"file\"],\r\n[type=\"range\"] {\r\n  padding: 0;\r\n  border-width: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Force height for alternatives input types\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\r\n  height: calc(\r\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\r\n      (var(--border-width) * 2)\r\n  );\r\n}\r\n\r\n// Fieldset\r\nfieldset {\r\n  margin: 0;\r\n  margin-bottom: var(--spacing);\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n// Label & legend\r\nlabel,\r\nfieldset legend {\r\n  display: block;\r\n  margin-bottom: calc(var(--spacing) * 0.25);\r\n  font-weight: var(--form-label-font-weight, var(--font-weight));\r\n}\r\n\r\n// Blocks, 100%\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  width: 100%;\r\n}\r\n\r\n// Reset appearance (Not Checkboxes, Radios, Range and File)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\r\nselect,\r\ntextarea {\r\n  appearance: none;\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  vertical-align: middle;\r\n}\r\n\r\n// Commons styles\r\ninput,\r\nselect,\r\ntextarea {\r\n  --background-color: var(--form-element-background-color);\r\n  --border-color: var(--form-element-border-color);\r\n  --color: var(--form-element-color);\r\n  --box-shadow: none;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--form-element-active-background-color);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --border-color: var(--form-element-active-border-color);\r\n  }\r\n}\r\n\r\n// Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:focus {\r\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\r\n  }\r\n}\r\n\r\n// Disabled\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\r\nselect,\r\ntextarea {\r\n  &[disabled] {\r\n    --background-color: var(--form-element-disabled-background-color);\r\n    --border-color: var(--form-element-disabled-border-color);\r\n    opacity: var(--form-element-disabled-opacity);\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\ninput,\r\nselect,\r\ntextarea {\r\n\r\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n    &[aria-invalid] {\r\n      @if $enable-important {\r\n        padding-right: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\r\n        padding-inline-end: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n      } @else {\r\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal);\r\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n      }\r\n      background-position: center right 0.75rem;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    &[aria-invalid=\"false\"] {\r\n      background-image: var(--icon-valid);\r\n    }\r\n  \r\n    &[aria-invalid=\"true\"] {\r\n      background-image: var(--icon-invalid);\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n\r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-valid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-valid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n    \r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-invalid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-invalid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  input,\r\n  select,\r\n  textarea {\r\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      &[aria-invalid],\r\n      &[aria-invalid=\"true\"],\r\n      &[aria-invalid=\"false\"] {\r\n        background-position: center left 0.75rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Placeholder\r\ninput::placeholder,\r\ninput::-webkit-input-placeholder,\r\ntextarea::placeholder,\r\ntextarea::-webkit-input-placeholder,\r\nselect:invalid {\r\n  color: var(--form-element-placeholder-color);\r\n  opacity: 1;\r\n}\r\n\r\n// Margin bottom (Not Checkboxes and Radios)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n// Select\r\nselect {\r\n  // Unstyle the caret on `<select>`s in IE10+.\r\n  &::-ms-expand {\r\n    border: 0;\r\n    background-color: transparent;\r\n  }\r\n\r\n  &:not([multiple]):not([size]) {\r\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    padding-left: var(--form-element-spacing-horizontal);\r\n    padding-inline-start: var(--form-element-spacing-horizontal);\r\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    background-image: var(--icon-chevron);\r\n    background-position: center right 0.75rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  select {\r\n    &:not([multiple]):not([size]) {\r\n      background-position: center left 0.75rem;\r\n    }\r\n  }\r\n}\r\n\r\n// Helper\r\ninput,\r\nselect,\r\ntextarea {\r\n  + small {\r\n    display: block;\r\n    width: 100%;\r\n    margin-top: calc(var(--spacing) * -0.75);\r\n    margin-bottom: var(--spacing);\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n\r\n// Styles for Input inside a label\r\nlabel {\r\n  & > input,\r\n  & > select,\r\n  & > textarea {\r\n    margin-top: calc(var(--spacing) * 0.25);\r\n  }\r\n}\r\n","/**\r\n * Form elements\r\n * Checkboxes & Radios\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 1.25em;\r\n  height: 1.25em;\r\n  margin-top: -0.125em;\r\n  margin-right: 0.375em;\r\n  margin-left: 0;\r\n  margin-inline-start: 0;\r\n  margin-inline-end: 0.375em;\r\n  border-width: var(--border-width);\r\n  font-size: inherit;\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n\r\n  &::-ms-check {\r\n    display: none; // unstyle IE checkboxes\r\n  }\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-checkbox);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  & ~ label {\r\n    display: inline-block;\r\n    margin-right: 0.375em;\r\n    margin-bottom: 0;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n// Checkboxes\r\n[type=\"checkbox\"] {\r\n  &:indeterminate {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-minus);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Radios\r\n[type=\"radio\"] {\r\n  border-radius: 50%;\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary-inverse);\r\n    border-width: 0.35em;\r\n    background-image: none;\r\n  }\r\n}\r\n\r\n// Switchs\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --background-color: var(--switch-background-color);\r\n  --border-color: var(--switch-background-color);\r\n  --color: var(--switch-color);\r\n\r\n  // Config\r\n  $switch-height: 1.25em;\r\n  $switch-width: 2.25em;\r\n  $switch-transition: 0.1s ease-in-out;\r\n\r\n  // Styles\r\n  width: $switch-width;\r\n  height: $switch-height;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: $switch-height;\r\n  background-color: var(--background-color);\r\n  line-height: $switch-height;\r\n\r\n  &:focus {\r\n    --background-color: var(--switch-background-color);\r\n    --border-color: var(--switch-background-color);\r\n  }\r\n\r\n  &:checked {\r\n    --background-color: var(--switch-checked-background-color);\r\n    --border-color: var(--switch-checked-background-color);\r\n  }\r\n\r\n  &:before {\r\n    display: block;\r\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    background-color: var(--color);\r\n    content: \"\";\r\n\r\n    @if $enable-transitions {\r\n      transition: margin $switch-transition;\r\n    }\r\n  }\r\n\r\n  &:checked {\r\n    background-image: none;\r\n\r\n    &::before {\r\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\r\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\r\n    }\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\n[type=\"checkbox\"],\r\n[type=\"checkbox\"]:checked,\r\n[type=\"radio\"],\r\n[type=\"radio\"]:checked,\r\n[type=\"checkbox\"][role=\"switch\"],\r\n[type=\"checkbox\"][role=\"switch\"]:checked {\r\n  \r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n  }\r\n}","/**\r\n * Form elements\r\n * Alternatives input types (Not Checkboxes & Radios)\r\n */\r\n\r\n// Color\r\n[type=\"color\"] {\r\n  // Wrapper\r\n  @mixin color-wrapper {\r\n    padding: 0;\r\n  }\r\n\r\n  &::-webkit-color-swatch-wrapper {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  &::-moz-focus-inner {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  // Swatch\r\n  @mixin color-swatch {\r\n    border: none;\r\n    border-radius: calc(var(--border-radius) * 0.5);\r\n  }\r\n\r\n  &::-webkit-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n\r\n  &::-moz-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n}\r\n\r\n// Date & Time\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n  &[type=\"date\"],\r\n  &[type=\"datetime-local\"],\r\n  &[type=\"month\"],\r\n  &[type=\"time\"],\r\n  &[type=\"week\"] {\r\n    --icon-position: 0.75rem;\r\n    --icon-width: 1rem;\r\n    padding-right: calc(var(--icon-width) + var(--icon-position));\r\n    background-image: var(--icon-date);\r\n    background-position: center right var(--icon-position);\r\n    background-size: var(--icon-width) auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  // Time\r\n  &[type=\"time\"] {\r\n    background-image: var(--icon-time);\r\n  }\r\n}\r\n\r\n// Calendar picker\r\n[type=\"date\"],\r\n[type=\"datetime-local\"],\r\n[type=\"month\"],\r\n[type=\"time\"],\r\n[type=\"week\"] {\r\n  &::-webkit-calendar-picker-indicator {\r\n    width: var(--icon-width);\r\n    margin-right: calc(var(--icon-width) * -1);\r\n    margin-left: var(--icon-position);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  [type=\"date\"],\r\n  [type=\"datetime-local\"],\r\n  [type=\"month\"],\r\n  [type=\"time\"],\r\n  [type=\"week\"] {\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n// File\r\n[type=\"file\"] {\r\n  --color: var(--muted-color);\r\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\r\n  border: none;\r\n  border-radius: 0;\r\n  background: none;\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    border: none;\r\n    background: none;\r\n  }\r\n\r\n  @mixin file-selector-button {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    margin-right: calc(var(--spacing) / 2);\r\n    margin-left: 0;\r\n    margin-inline-start: 0;\r\n    margin-inline-end: calc(var(--spacing) / 2);\r\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\r\n      calc(var(--form-element-spacing-horizontal) * 0.5);\r\n    border: var(--border-width) solid var(--border-color);\r\n    border-radius: var(--border-radius);\r\n    outline: none;\r\n    background-color: var(--background-color);\r\n    box-shadow: var(--box-shadow);\r\n    color: var(--color);\r\n    font-weight: var(--font-weight);\r\n    font-size: 1rem;\r\n    line-height: var(--line-height);\r\n    text-align: center;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        border-color var(--transition), color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  &::file-selector-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-webkit-file-upload-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-ms-browse {\r\n    @include file-selector-button;\r\n  }\r\n}\r\n\r\n// Range\r\n[type=\"range\"] {\r\n  // Config\r\n  $height-track: 0.25rem;\r\n  $height-thumb: 1.25rem;\r\n  $border-thumb: 2px;\r\n\r\n  // Styles\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: $height-thumb;\r\n  background: transparent;\r\n\r\n  // Slider Track\r\n  @mixin slider-track {\r\n    width: 100%;\r\n    height: $height-track;\r\n    border-radius: var(--border-radius);\r\n    background-color: var(--range-border-color);\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n  }\r\n\r\n  &::-webkit-slider-runnable-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-moz-range-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-ms-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  // Slider Thumb\r\n  @mixin slider-thumb {\r\n    -webkit-appearance: none;\r\n    width: $height-thumb;\r\n    height: $height-thumb;\r\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\r\n    border: $border-thumb solid var(--range-thumb-border-color);\r\n    border-radius: 50%;\r\n    background-color: var(--range-thumb-color);\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        transform var(--transition);\r\n    }\r\n  }\r\n  &::-webkit-slider-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-moz-range-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-ms-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    --range-border-color: var(--range-active-border-color);\r\n    --range-thumb-color: var(--range-thumb-hover-color);\r\n  }\r\n\r\n  &:active {\r\n    --range-thumb-color: var(--range-thumb-active-color);\r\n\r\n    // Slider Thumb\r\n    &::-webkit-slider-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-moz-range-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-ms-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n  }\r\n}\r\n\r\n// Search\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n  &[type=\"search\"] {\r\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\r\n    border-radius: 5rem;\r\n    background-image: var(--icon-search);\r\n    background-position: center left 1.125rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Cancel button\r\n[type=\"search\"] {\r\n  &::-webkit-search-cancel-button {\r\n    -webkit-appearance: none;\r\n    display: none;\r\n  }\r\n}\r\n","/**\r\n * Table\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Collapse border spacing in all browsers (opinionated).\r\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\r\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\r\ntable {\r\n  width: 100%;\r\n  border-color: inherit; // 2\r\n  border-collapse: collapse; // 1\r\n  border-spacing: 0;\r\n  text-indent: 0; // 3\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Cells\r\nth,\r\ntd {\r\n  padding: calc(var(--spacing) / 2) var(--spacing);\r\n  border-bottom: var(--border-width) solid var(--table-border-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  text-align: left;\r\n  text-align: start;\r\n}\r\n\r\n// Footer\r\ntfoot {\r\n  th,\r\n  td {\r\n    border-top: var(--border-width) solid var(--table-border-color);\r\n    border-bottom: 0;\r\n  }\r\n}\r\n\r\n// Striped\r\ntable {\r\n  &[role=\"grid\"] {\r\n    tbody tr:nth-child(odd) {\r\n      background-color: var(--table-row-stripped-background-color);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Code\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Correct the inheritance and scaling of font size in all browsers\r\n// 2. Correct the font sizing in all browsers\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  font-size: 0.875em; // 2\r\n  font-family: var(--font-family); // 1\r\n}\r\n\r\n// Prevent overflow of the container in all browsers (opinionated)\r\npre {\r\n  -ms-overflow-style: scrollbar;\r\n  overflow: auto;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\npre,\r\ncode,\r\nkbd {\r\n  border-radius: var(--border-radius);\r\n  background: var(--code-background-color);\r\n  color: var(--code-color);\r\n  font-weight: var(--font-weight);\r\n  line-height: initial;\r\n}\r\n\r\ncode,\r\nkbd {\r\n  display: inline-block;\r\n  padding: 0.375rem 0.5rem;\r\n}\r\n\r\npre {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  overflow-x: auto;\r\n\r\n  > code {\r\n    display: block;\r\n    padding: var(--spacing);\r\n    background: transparent;\r\n    font-size: 14px;\r\n    line-height: var(--line-height);\r\n  }\r\n}\r\n\r\n// Code Syntax\r\ncode {\r\n  // Tags\r\n  b {\r\n    color: var(--code-tag-color);\r\n    font-weight: var(--font-weight);\r\n  }\r\n\r\n  // Properties\r\n  i {\r\n    color: var(--code-property-color);\r\n    font-style: normal;\r\n  }\r\n\r\n  // Values\r\n  u {\r\n    color: var(--code-value-color);\r\n    text-decoration: none;\r\n  }\r\n\r\n  // Comments\r\n  em {\r\n    color: var(--code-comment-color);\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// kbd\r\nkbd {\r\n  background-color: var(--code-kbd-background-color);\r\n  color: var(--code-kbd-color);\r\n  vertical-align: baseline;\r\n}\r\n","/**\r\n * Miscs\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct box sizing in Firefox\r\n// 2. Show the overflow in Edge and IE\r\nhr {\r\n  box-sizing: content-box; // 1\r\n  height: 0; // 1\r\n  overflow: visible; // 2\r\n  border: none;\r\n  border-top: 1px solid var(--muted-border-color);\r\n}\r\n\r\n// Add the correct display in IE 10+\r\n[hidden],\r\ntemplate {\r\n  @if $enable-important {\r\n    display: none !important;\r\n  } @else {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Add the correct display in IE 9-\r\ncanvas {\r\n  display: inline-block;\r\n}\r\n","/**\r\n * Accordion (<details>)\r\n */\r\n\r\ndetails {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  padding-bottom: calc(var(--spacing) * 0.5);\r\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\r\n\r\n  summary {\r\n    color: var(--accordion-close-summary-color);\r\n    line-height: 1rem;\r\n    list-style-type: none;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: color var(--transition);\r\n    }\r\n\r\n    // Reset marker\r\n    &::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    &::marker {\r\n      display: none;\r\n    }\r\n\r\n    &::-moz-list-bullet {\r\n      list-style-type: none;\r\n    }\r\n\r\n    // Marker\r\n    &::after {\r\n      display: block;\r\n      width: 1rem;\r\n      height: 1rem;\r\n      float: right;\r\n      transform: rotate(-90deg);\r\n      background-image: var(--icon-chevron);\r\n      background-position: center;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n      content: \"\";\r\n\r\n      @if $enable-transitions {\r\n        transition: transform var(--transition);\r\n      }\r\n    }\r\n\r\n    &:focus {\r\n      outline: none;\r\n      color: var(--accordion-active-summary-color);\r\n    }\r\n\r\n    ~ * {\r\n      margin-top: calc(var(--spacing) * 0.5);\r\n\r\n      ~ * {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Open\r\n  &[open] {\r\n    > summary {\r\n      margin-bottom: calc(var(--spacing) * 0.25);\r\n\r\n      &:not(:focus) {\r\n        color: var(--accordion-open-summary-color);\r\n      }\r\n\r\n      &::after {\r\n        transform: rotate(0);\r\n      } \r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  details {\r\n    summary {\r\n      &::after {\r\n        float: left;\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Card (<article>)\r\n */\r\n\r\narticle {\r\n  margin: var(--block-spacing-vertical) 0;\r\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n  overflow: hidden;\r\n  border-radius: var(--border-radius);\r\n  background: var(--card-background-color);\r\n  box-shadow: var(--card-box-shadow);\r\n\r\n  > header,\r\n  > footer {\r\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\r\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\r\n    padding: calc(var(--block-spacing-vertical) * 0.66)\r\n      var(--block-spacing-horizontal);\r\n    background-color: var(--card-sectionning-background-color);\r\n  }\r\n\r\n  > header {\r\n    margin-top: calc(var(--block-spacing-vertical) * -1);\r\n    margin-bottom: var(--block-spacing-vertical);\r\n    border-bottom: var(--border-width) solid var(--card-border-color);\r\n  }\r\n\r\n  > footer {\r\n    margin-top: var(--block-spacing-vertical);\r\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\r\n    border-top: var(--border-width) solid var(--card-border-color);\r\n  }\r\n}\r\n","/**\r\n * Modal (<dialog>)\r\n */\r\n\r\n:root {\r\n  --scrollbar-width: 0px;\r\n}\r\n\r\ndialog {\r\n  display: flex;\r\n  z-index: 999;\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: inherit;\r\n  min-width: 100%;\r\n  height: inherit;\r\n  min-height: 100%;\r\n  padding: var(--spacing);\r\n  border: none;\r\n  background-color: var(--modal-overlay-background-color);\r\n\r\n  // Content\r\n  article {\r\n    max-height: calc(100vh - var(--spacing) * 2);\r\n    overflow: auto;\r\n\r\n    @if map-get($breakpoints, 'sm') {\r\n      @media (min-width: map-get($breakpoints, 'sm')) {\r\n        max-width: map-get($viewports, 'sm');\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, 'md') {\r\n      @media (min-width: map-get($breakpoints, 'md')) {\r\n        max-width: map-get($viewports, 'md');\r\n      }\r\n    }\r\n\r\n    > header,\r\n    > footer {\r\n      padding: calc(var(--block-spacing-vertical) * 0.5)\r\n        var(--block-spacing-horizontal);\r\n    }\r\n\r\n    > header {\r\n      .close {\r\n        margin: 0;\r\n        margin-left: var(--spacing);\r\n        float: right;\r\n      }\r\n    }\r\n\r\n    > footer {\r\n      text-align: right;\r\n\r\n      [role='button'] {\r\n        margin-bottom: 0;\r\n\r\n        &:not(:first-of-type) {\r\n          margin-left: calc(var(--spacing) * 0.5);\r\n        }\r\n      }\r\n    }\r\n\r\n    p {\r\n      &:last-of-type {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    // Close icon\r\n    @if $enable-classes {\r\n      .close {\r\n        display: block;\r\n        width: 1rem;\r\n        height: 1rem;\r\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\r\n        margin-bottom: var(--typography-spacing-vertical);\r\n        margin-left: auto;\r\n        background-image: var(--icon-close);\r\n        background-position: center;\r\n        background-size: auto 1rem;\r\n        background-repeat: no-repeat;\r\n        opacity: 0.5;\r\n\r\n        @if $enable-transitions {\r\n          transition: opacity var(--transition);\r\n        }\r\n\r\n        &:hover,\r\n        &:active,\r\n        &:focus {\r\n          opacity: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Closed state\r\n  &:not([open]),\r\n  &[open='false'] {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Utilities\r\n@if $enable-classes {\r\n  .modal-is-open {\r\n    padding-right: var(--scrollbar-width, 0px);\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n\r\n    dialog {\r\n      pointer-events: auto;\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if ($enable-classes and $enable-transitions) {\r\n  $animation-duration: 0.2s;\r\n\r\n  .modal-is-opening,\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-duration: $animation-duration;\r\n      animation-timing-function: ease-in-out;\r\n      animation-fill-mode: both;\r\n    }\r\n\r\n    dialog {\r\n      animation-duration: ($animation-duration * 4);\r\n      animation-name: fadeIn;\r\n\r\n      > article {\r\n        animation-delay: $animation-duration;\r\n        animation-name: slideInDown;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-delay: 0s;\r\n      animation-direction: reverse;\r\n    }\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    from {\r\n      background-color: transparent;\r\n    }\r\n    to {\r\n      background-color: var(--modal-overlay-background-color);\r\n    }\r\n  }\r\n\r\n  @keyframes slideInDown {\r\n    from {\r\n      transform: translateY(-100%);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Nav\r\n */\r\n\r\n// Horizontal Nav\r\nnav,\r\nnav ul {\r\n  display: flex;\r\n}\r\n\r\nnav {\r\n  justify-content: space-between;\r\n\r\n  ol,\r\n  ul {\r\n    align-items: center;\r\n    margin-bottom: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n\r\n    &:first-of-type {\r\n      margin-left: calc(var(--spacing) * -0.5);\r\n    }\r\n    &:last-of-type {\r\n      margin-right: calc(var(--spacing) * -0.5);\r\n    }\r\n  }\r\n\r\n  li {\r\n    display: inline-block;\r\n    margin: 0;\r\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n\r\n    // HACK: Input & Button inside Nav\r\n    > *,\r\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  a {\r\n    display: block;\r\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\r\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n    border-radius: var(--border-radius);\r\n    text-decoration: none;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      text-decoration: none;\r\n    }\r\n  }\r\n\r\n  &[aria-label=\"breadcrumb\"] {\r\n    align-items: center;\r\n    justify-content: left;\r\n\r\n    & ul li {\r\n      padding-inline-start: 0;\r\n\r\n      &:not(:last-child) {\r\n        a::after {\r\n          padding-inline-start: 0.5rem;\r\n          content: \"/\";\r\n          color: var(--muted-color);\r\n        }\r\n      }\r\n    }\r\n\r\n    & a[aria-current=\"page\"] {\r\n      color: inherit;\r\n    }\r\n  }\r\n}\r\n\r\n// Vertical Nav\r\naside {\r\n  nav,\r\n  ol,\r\n  ul,\r\n  li {\r\n    display: block;\r\n  }\r\n\r\n  li {\r\n    padding: calc(var(--spacing) * 0.5);\r\n\r\n    a {\r\n      margin: calc(var(--spacing) * -0.5);\r\n      padding: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Progress\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct display in Edge 18- and IE\r\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\r\nprogress {\r\n  display: inline-block; // 1\r\n  vertical-align: baseline; // 2\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nprogress {\r\n  // Reset the default appearance\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n\r\n  // Styles\r\n  display: inline-block;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: 0.5rem;\r\n  margin-bottom: calc(var(--spacing) * 0.5);\r\n  overflow: hidden;\r\n\r\n  // Remove Firefox and Opera border\r\n  border: 0;\r\n  border-radius: var(--border-radius);\r\n  background-color: var(--progress-background-color);\r\n\r\n  // IE10 uses `color` to set the bar background-color\r\n  color: var(--progress-color);\r\n\r\n  &::-webkit-progress-bar {\r\n    border-radius: var(--border-radius);\r\n    background: transparent;\r\n  }\r\n  &[value]::-webkit-progress-value {\r\n    background-color: var(--progress-color);\r\n  }\r\n  &::-moz-progress-bar {\r\n    background-color: var(--progress-color);\r\n  }\r\n\r\n  // Indeterminate state\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    &:indeterminate {\r\n      background: var(--progress-background-color)\r\n        linear-gradient(\r\n          to right,\r\n          var(--progress-color) 30%,\r\n          var(--progress-background-color) 30%\r\n        )\r\n        top left / 150% 150% no-repeat;\r\n      animation: progressIndeterminate 1s linear infinite;\r\n\r\n      &[value]::-webkit-progress-value {\r\n        background-color: transparent;\r\n      }\r\n      &::-moz-progress-bar {\r\n        background-color: transparent;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes progressIndeterminate {\r\n  0% {\r\n    background-position: 200% 0;\r\n  }\r\n  100% {\r\n    background-position: -200% 0;\r\n  }\r\n}\r\n","/**\r\n * Loading ([aria-busy=true])\r\n */\r\n\r\n\r\n// Cursor\r\n[aria-busy=\"true\"] {\r\n  cursor: progress;\r\n}\r\n\r\n// Everyting except form elements\r\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\r\n\r\n  &::before {\r\n    display: inline-block;\r\n    width: 1em;\r\n    height: 1em;\r\n    border: 0.1875em solid currentColor;\r\n    border-radius: 1em;\r\n    border-right-color: transparent;\r\n    content: '';\r\n    vertical-align: text-bottom;\r\n    vertical-align: -.125em; // Visual alignment\r\n    animation: spinner 0.75s linear infinite;\r\n    opacity: var(--loading-spinner-opacity);\r\n  }\r\n\r\n  &:not(:empty) {\r\n    &::before {\r\n      margin-right: calc(var(--spacing) * 0.5);\r\n      margin-left: 0;\r\n      margin-inline-start: 0;\r\n      margin-inline-end: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n\r\n  &:empty {\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n// Buttons and links\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\na {\r\n  &[aria-busy=\"true\"] {\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n// Animation: rotate\r\n@keyframes spinner {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n","/**\r\n * Tooltip ([data-tooltip])\r\n */\r\n\r\n[data-tooltip] {\r\n  position: relative;\r\n\r\n  &:not(a):not(button):not(input) {\r\n    border-bottom: 1px dotted;\r\n    text-decoration: none;\r\n    cursor: help;\r\n  }\r\n\r\n  &::before,\r\n  &::after {\r\n    display: block;\r\n    z-index: 99;\r\n    position: absolute;\r\n    bottom: 100%;\r\n    left: 50%;\r\n    padding: .25rem .5rem;\r\n    overflow: hidden;\r\n    transform: translate(-50%, -.25rem);\r\n    border-radius: var(--border-radius);\r\n    background: var(--tooltip-background-color);\r\n    content: attr(data-tooltip);\r\n    color: var(--tooltip-color);\r\n    font-style: normal;\r\n    font-weight: var(--font-weight);\r\n    font-size: .875rem;\r\n    text-decoration: none;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  // Caret\r\n  &::after {\r\n    padding: 0;\r\n    transform: translate(-50%, 0rem);\r\n    border-top: .3rem solid;\r\n    border-right: .3rem solid transparent;\r\n    border-left: .3rem solid transparent;\r\n    border-radius: 0;\r\n    background-color: transparent;\r\n    content: '';\r\n    color: var(--tooltip-background-color);\r\n  }\r\n\r\n  // Display\r\n  &:focus,\r\n  &:hover {\r\n    &::before,\r\n    &::after {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  // Animations, excluding touch devices\r\n  @if $enable-transitions {\r\n    @media (hover: hover) and (pointer: fine) {\r\n      &:focus,\r\n      &:hover {\r\n        &::before,\r\n        &::after {\r\n          animation-duration: .2s;\r\n          animation-name: slide;\r\n        }\r\n\r\n        &::after {\r\n          animation-name: slideCaret; \r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if $enable-transitions {\r\n  @keyframes slide {\r\n    from {\r\n      transform: translate(-50%, .75rem);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translate(-50%, -.25rem);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @keyframes slideCaret {\r\n    from {\r\n      opacity: 0;\r\n    }\r\n    50% {\r\n      transform: translate(-50%, -.25rem);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translate(-50%, 0rem);\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Accessibility & User interaction\r\n */\r\n\r\n\r\n// Based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Accessibility\r\n\r\n// Change the cursor on control elements in all browsers (opinionated)\r\n[aria-controls] {\r\n  cursor: pointer;\r\n}\r\n\r\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\r\n[aria-disabled=\"true\"],\r\n[disabled] {\r\n  cursor: not-allowed;\r\n}\r\n\r\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\r\n[aria-hidden=\"false\"][hidden] {\r\n  display: initial;\r\n}\r\n\r\n[aria-hidden=\"false\"][hidden]:not(:focus) {\r\n  clip: rect(0, 0, 0, 0);\r\n  position: absolute;\r\n}\r\n\r\n// User interaction\r\n// Remove the tapping delay in IE 10\r\na,\r\narea,\r\nbutton,\r\ninput,\r\nlabel,\r\nselect,\r\nsummary,\r\ntextarea,\r\n[tabindex] {\r\n  -ms-touch-action: manipulation;\r\n}\r\n\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n[dir=\"rtl\"] {\r\n  direction: rtl;\r\n}\r\n","@if $enable-transitions and $enable-important {\r\n\r\n/**\r\n * Reduce Motion Features\r\n */\r\n\r\n\r\n  // Based on :\r\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n  // ––––––––––––––––––––\r\n\r\n  // 1. Remove animations when motion is reduced (opinionated)\r\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\r\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\r\n  // 4. Remove transitions when motion is reduced (opinionated)\r\n  @media (prefers-reduced-motion: reduce) {\r\n    *:not([aria-busy=\"true\"]),\r\n    :not([aria-busy=\"true\"])::before,\r\n    :not([aria-busy=\"true\"])::after {\r\n      background-attachment: initial !important; // 2\r\n      animation-duration: 1ms !important; // 1\r\n      animation-delay: -1ms !important; // 1\r\n      animation-iteration-count: 1 !important; // 1\r\n      scroll-behavior: auto !important; // 3\r\n      transition-delay: 0s !important; // 4\r\n      transition-duration: 0s !important; // 4\r\n    }\r\n  }\r\n}\r\n"]}
\ No newline at end of file
diff --git a/css/pico.classless.min.css b/css/pico.classless.min.css
index f617c47b..146800ae 100644
--- a/css/pico.classless.min.css
+++ b/css/pico.classless.min.css
@@ -1,5 +1,5 @@
 /*!
  * Pico.css v1.4.4 (https://picocss.com)
  * Copyright 2019-2021 - Licensed under MIT
- */:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead):not(tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:#a2afb9;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal)}@media (min-width:576px){body>footer,body>header,body>main{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){body>footer,body>header,body>main{max-width:700px}}@media (min-width:992px){body>footer,body>header,body>main{max-width:920px}}@media (min-width:1200px){body>footer,body>header,body>main{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}ol,ul{padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}ol li,ul li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}[role=button]{display:inline-block;text-decoration:none}[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:active,[role=button]:focus,[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--color:var(--primary-inverse)}[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}input[type=reset]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>textarea{margin-top:calc(var(--spacing) * .25)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week]{--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] [type=date],[dir=rtl] [type=datetime-local],[dir=rtl] [type=month],[dir=rtl] [type=time],[dir=rtl] [type=week]{text-align:right}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search]{padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}table{width:100%;border-color:inherit;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing) * .5);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{color:var(--accordion-close-summary-color);line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0;color:var(--accordion-active-summary-color)}details summary~*{margin-top:calc(var(--spacing) * .5)}details summary~*~*{margin-top:0}details[open]>summary{margin-bottom:calc(var(--spacing) * .25)}details[open]>summary:not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;border-radius:var(--border-radius);background:var(--card-background-color);box-shadow:var(--card-box-shadow)}article>footer,article>header{margin-right:calc(var(--block-spacing-horizontal) * -1);margin-left:calc(var(--block-spacing-horizontal) * -1);padding:calc(var(--block-spacing-vertical) * .66) var(--block-spacing-horizontal);background-color:var(--card-sectionning-background-color)}article>header{margin-top:calc(var(--block-spacing-vertical) * -1);margin-bottom:var(--block-spacing-vertical);border-bottom:var(--border-width) solid var(--card-border-color)}article>footer{margin-top:var(--block-spacing-vertical);margin-bottom:calc(var(--block-spacing-vertical) * -1);border-top:var(--border-width) solid var(--card-border-color)}:root{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:none;background-color:var(--modal-overlay-background-color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog:not([open]),dialog[open=false]{display:none}nav,nav ul{display:flex}nav{justify-content:space-between}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(textarea)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input):not(select):not(textarea):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
+ */:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead):not(tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:#a2afb9;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:light}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}}[data-theme=dark]{--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal)}@media (min-width:576px){body>footer,body>header,body>main{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){body>footer,body>header,body>main{max-width:700px}}@media (min-width:992px){body>footer,body>header,body>main{max-width:920px}}@media (min-width:1200px){body>footer,body>header,body>main{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}ol,ul{padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}ol li,ul li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}[role=button]{display:inline-block;text-decoration:none}[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:active,[role=button]:focus,[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--color:var(--primary-inverse)}[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}input[type=reset]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>textarea{margin-top:calc(var(--spacing) * .25)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week]{--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] [type=date],[dir=rtl] [type=datetime-local],[dir=rtl] [type=month],[dir=rtl] [type=time],[dir=rtl] [type=week]{text-align:right}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search]{padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}table{width:100%;border-color:inherit;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing) * .5);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{color:var(--accordion-close-summary-color);line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0;color:var(--accordion-active-summary-color)}details summary~*{margin-top:calc(var(--spacing) * .5)}details summary~*~*{margin-top:0}details[open]>summary{margin-bottom:calc(var(--spacing) * .25)}details[open]>summary:not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;border-radius:var(--border-radius);background:var(--card-background-color);box-shadow:var(--card-box-shadow)}article>footer,article>header{margin-right:calc(var(--block-spacing-horizontal) * -1);margin-left:calc(var(--block-spacing-horizontal) * -1);padding:calc(var(--block-spacing-vertical) * .66) var(--block-spacing-horizontal);background-color:var(--card-sectionning-background-color)}article>header{margin-top:calc(var(--block-spacing-vertical) * -1);margin-bottom:var(--block-spacing-vertical);border-bottom:var(--border-width) solid var(--card-border-color)}article>footer{margin-top:var(--block-spacing-vertical);margin-bottom:calc(var(--block-spacing-vertical) * -1);border-top:var(--border-width) solid var(--card-border-color)}:root{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:none;background-color:var(--modal-overlay-background-color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog:not([open]),dialog[open=false]{display:none}nav,nav ul{display:flex}nav{justify-content:space-between}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}nav[aria-label=breadcrumb]{align-items:center;justify-content:left}nav[aria-label=breadcrumb] ul li{-webkit-padding-start:0;padding-inline-start:0}nav[aria-label=breadcrumb] ul li:not(:last-child) a::after{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem;content:"/";color:var(--muted-color)}nav[aria-label=breadcrumb] a[aria-current=page]{color:inherit}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(textarea)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input):not(select):not(textarea):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
 /*# sourceMappingURL=pico.classless.min.css.map */
\ No newline at end of file
diff --git a/css/pico.classless.min.css.map b/css/pico.classless.min.css.map
index 2d024807..6bc7631e 100644
--- a/css/pico.classless.min.css.map
+++ b/css/pico.classless.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.classless.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_section.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary: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::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.classless.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\n@if $enable-classes == false {\n  hgroup {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n@if $enable-classes {\n  hgroup,\n  .headings {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n    --color: var(--primary-inverse);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n\n  // Contrast\n  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--contrast-focus);\n    }\n  }\n\n  // Outline (primary)\n  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n}\n\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-valid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n    \n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-invalid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Footer\ntfoot {\n  th,\n  td {\n    border-top: var(--border-width) solid var(--table-border-color);\n    border-bottom: 0;\n  }\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss\\pico.scss","scss\\themes\\default\\_styles.scss","css\\pico.classless.css","scss\\themes\\default\\_light.scss","scss\\themes\\default.scss","scss\\themes\\default\\_dark.scss","scss\\layout\\_document.scss","scss\\layout\\_sectioning.scss","scss\\layout\\_section.scss","scss\\layout\\_scroller.scss","scss\\content\\_typography.scss","scss\\content\\_embedded.scss","scss\\content\\_button.scss","scss\\content\\_form.scss","scss\\content\\_form-checkbox-radio.scss","scss\\content\\_form-alt-input-types.scss","scss\\content\\_table.scss","scss\\content\\_code.scss","scss\\content\\_miscs.scss","scss\\components\\_accordion.scss","scss\\components\\_card.scss","scss\\components\\_modal.scss","scss\\components\\_nav.scss","scss\\components\\_progress.scss","scss\\utilities\\_loading.scss","scss\\utilities\\_tooltip.scss","scss\\utilities\\_accessibility.scss","scss\\utilities\\_reduce-motion.scss"],"names":[],"mappings":"AAAA;;;ACCA,MAEE,cAAA,SAAA,CAAA,aAAA,CAAA,UAAA,CAAA,QAAA,CAAA,QAAA,CCME,WAAW,CAAE,WAAW,CAAE,UAAU,CAAE,mBAAmB,CAAE,gBAAgB,CAC3E,iBAAiB,CAAE,mBDJrB,cAAA,IACA,cAAA,IACA,YAAA,KA8BA,gBAAA,QACA,eAAA,IACA,gBAAA,IAGA,UAAA,KAGA,8BAAA,OAGA,yBAAA,yBACA,2BAAA,eAQA,gCAAA,QACA,kCAAA,KAGA,yBAAA,mBAGA,aAAA,KAAA,YApDI,yBAZN,MAaQ,YAAA,MAKF,yBAlBN,MAmBQ,YAAA,MAKF,yBAxBN,MAyBQ,YAAA,MAKF,0BA9BN,MA+BQ,YAAA,MA4CF,yBC1BN,YDqBE,YCtBF,UAEA,QD0BQ,yBAAA,4BAKF,yBCxBN,YDaE,YCdF,UAEA,QDwBQ,yBAAA,0BAKF,yBCtBN,YDKE,YCNF,UAEA,QDsBQ,yBAAA,4BAKF,0BCpBN,YDHE,YCEF,UAEA,QDoBQ,yBAAA,0BAQF,yBAFJ,QAGM,2BAAA,6BAKF,yBARJ,QASM,2BAAA,4BAKF,yBAdJ,QAeM,2BAAA,6BAKF,0BApBJ,QAqBM,2BAAA,0BAMN,eAEE,yBAAA,yBACA,2BAAA,eAGE,yBANJ,eAOM,yBAAA,2BACA,2BAAA,6BAKF,yBAbJ,eAcM,yBAAA,yBACA,2BAAA,4BAOR,EACE,kBAAA,KAYF,MACE,YAAA,QAIF,GCzCA,GACA,GACA,GACA,GACA,GD2CE,cAAA,IAGF,GACE,YAAA,KACA,8BAAA,KAGF,GACE,YAAA,QACA,8BAAA,SAGF,GACE,YAAA,OACA,8BAAA,QAGF,GACE,YAAA,QACA,8BAAA,SAGF,GACE,YAAA,SACA,8BAAA,UAIF,gBC1CA,aD4CE,eAAA,IAGF,6BACE,eAAA,ICrCF,SADA,SADA,SD6CE,SAEE,eAAA,IAIJ,4BACE,YAAA,QCzCF,KACA,ID4CA,IC3CA,KD+CE,cAAA,OAAA,CAAA,UAAA,CAAA,aAAA,CAAA,kBAAA,CC7CE,WAAW,CAAE,aAAa,CAAE,iBAAiB,CAAE,SAAS,CACxD,mBAAmB,CAAE,gBAAgB,CAAE,iBAAiB,CAAE,mBDiD9D,IACE,cAAA,OC1CF,6BCjMA,mBAEE,mBAAA,KAGA,QAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QAGA,cAAA,QACA,qBAAA,QAGA,UAAA,QACA,gBAAA,QACA,gBAAA,0BACA,kBAAA,KAGA,YAAA,QACA,kBAAA,QACA,kBAAA,0BACA,oBAAA,KAGA,WAAA,QACA,iBAAA,KACA,iBAAA,0BACA,mBAAA,KAGA,wBAAA,QACA,aAAA,QAGA,YAAA,QACA,YAAA,QAGA,0BAAA,0BACA,0BAAA,mBAKA,oBAAA,EAAA,EAAA,EAAA,iBACA,0BAAA,EAAA,EAAA,EAAA,iBAGA,gCAAA,YACA,4BAAA,QACA,qBAAA,aACA,iCAAA,mBACA,uCAAA,YACA,mCAAA,eACA,2BAAA,qBACA,yCAAA,QACA,qCAAA,QACA,gCAAA,IACA,oCAAA,QACA,2CAAA,QACA,mCAAA,yBACA,kCAAA,QACA,yCAAA,QACA,iCAAA,yBAGA,0BAAA,QACA,eAAA,uBACA,kCAAA,eAGA,qBAAA,QACA,4BAAA,QACA,2BAAA,wBACA,oBAAA,iBACA,0BAAA,uBACA,2BAAA,eAGA,qBAAA,0BACA,sCAAA,QAGA,wBAAA,QACA,aAAA,mBACA,4BAAA,gBACA,iBAAA,wBACA,iBAAA,QACA,sBAAA,QACA,mBAAA,QACA,qBAAA,QAGA,yBAAA,0BACA,gCAAA,aACA,+BAAA,mBAGA,wBAAA,wBACA,oBAAA,0BACA,kBAAA,EAAA,SAAA,KAAA,sBAAA,CD+JE,EAAE,SAAS,KAAK,sBAAsB,CACtC,EAAE,EAAE,EAAE,UAAU,wBC7JlB,oCAAA,QAGA,iCAAA,yBAGA,4BAAA,QACA,iBAAA,eAGA,0BAAA,IAGA,2BAAA,gBACA,gBAAA,wBAGA,gBAAA,6QACA,eAAA,8RACA,aAAA,kVACA,YAAA,ucACA,eAAA,sYACA,aAAA,4QACA,cAAA,mVACA,YAAA,gVACA,aAAA,+RAEA,aAAA,MCvHF,mDACE,8BCjBA,mBAAA,QAGA,QAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QAGA,cAAA,QACA,qBAAA,QAGA,UAAA,QACA,gBAAA,QACA,gBAAA,yBACA,kBAAA,KAGA,YAAA,QACA,kBAAA,QACA,kBAAA,0BACA,oBAAA,KAGA,WAAA,QACA,iBAAA,KACA,iBAAA,0BACA,mBAAA,KAGA,wBAAA,QACA,aAAA,QAGA,YAAA,QACA,YAAA,QAGA,0BAAA,0BACA,0BAAA,mBAKA,oBAAA,EAAA,EAAA,EAAA,iBACA,0BAAA,EAAA,EAAA,EAAA,iBAGA,gCAAA,QACA,4BAAA,QACA,qBAAA,aACA,iCAAA,mBACA,uCAAA,qCACA,mCAAA,eACA,2BAAA,qBACA,yCAAA,QACA,qCAAA,QACA,gCAAA,IACA,oCAAA,QACA,2CAAA,QACA,mCAAA,wBACA,kCAAA,QACA,yCAAA,QACA,iCAAA,wBAGA,0BAAA,QACA,eAAA,uBACA,kCAAA,eAGA,qBAAA,QACA,4BAAA,QACA,2BAAA,wBACA,oBAAA,iBACA,0BAAA,uBACA,2BAAA,eAGA,qBAAA,0BACA,sCAAA,0BAGA,wBAAA,QACA,aAAA,mBACA,4BAAA,gBACA,iBAAA,wBACA,iBAAA,QACA,sBAAA,QACA,mBAAA,QACA,qBAAA,QAGA,yBAAA,0BACA,iCAAA,eACA,gCAAA,aACA,+BAAA,mBAGA,wBAAA,QACA,oBAAA,QACA,kBAAA,EAAA,SAAA,KAAA,mBAAA,CH8PI,EAAE,SAAS,KAAK,mBAAmB,CACnC,EAAE,EAAE,EAAE,UAAU,qBG5PpB,oCAAA,QAGA,iCAAA,sBAGA,4BAAA,QACA,iBAAA,eAGA,0BAAA,IAGA,2BAAA,gBACA,gBAAA,wBAGA,gBAAA,6QACA,eAAA,iSACA,aAAA,kVACA,YAAA,0cACA,eAAA,sYACA,aAAA,4QACA,cAAA,sVACA,YAAA,mVACA,aAAA,+RAEA,aAAA,MD/GF,kBCxBE,mBAAA,QAGA,QAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QACA,WAAA,QAGA,cAAA,QACA,qBAAA,QAGA,UAAA,QACA,gBAAA,QACA,gBAAA,yBACA,kBAAA,KAGA,YAAA,QACA,kBAAA,QACA,kBAAA,0BACA,oBAAA,KAGA,WAAA,QACA,iBAAA,KACA,iBAAA,0BACA,mBAAA,KAGA,wBAAA,QACA,aAAA,QAGA,YAAA,QACA,YAAA,QAGA,0BAAA,0BACA,0BAAA,mBAKA,oBAAA,EAAA,EAAA,EAAA,iBACA,0BAAA,EAAA,EAAA,EAAA,iBAGA,gCAAA,QACA,4BAAA,QACA,qBAAA,aACA,iCAAA,mBACA,uCAAA,qCACA,mCAAA,eACA,2BAAA,qBACA,yCAAA,QACA,qCAAA,QACA,gCAAA,IACA,oCAAA,QACA,2CAAA,QACA,mCAAA,wBACA,kCAAA,QACA,yCAAA,QACA,iCAAA,wBAGA,0BAAA,QACA,eAAA,uBACA,kCAAA,eAGA,qBAAA,QACA,4BAAA,QACA,2BAAA,wBACA,oBAAA,iBACA,0BAAA,uBACA,2BAAA,eAGA,qBAAA,0BACA,sCAAA,0BAGA,wBAAA,QACA,aAAA,mBACA,4BAAA,gBACA,iBAAA,wBACA,iBAAA,QACA,sBAAA,QACA,mBAAA,QACA,qBAAA,QAGA,yBAAA,0BACA,iCAAA,eACA,gCAAA,aACA,+BAAA,mBAGA,wBAAA,QACA,oBAAA,QACA,kBAAA,EAAA,SAAA,KAAA,mBAAA,CH4VE,EAAE,SAAS,KAAK,mBAAmB,CACnC,EAAE,EAAE,EAAE,UAAU,qBG1VlB,oCAAA,QAGA,iCAAA,sBAGA,4BAAA,QACA,iBAAA,eAGA,0BAAA,IAGA,2BAAA,gBACA,gBAAA,wBAGA,gBAAA,6QACA,eAAA,iSACA,aAAA,kVACA,YAAA,0cACA,eAAA,sYACA,aAAA,4QACA,cAAA,sVACA,YAAA,mVACA,aAAA,+RAEA,aAAA,KC9HF,EJudA,QADA,SIndE,WAAA,WJydF,QIpdA,SAEE,gBAAA,QACA,eAAA,QASF,KACE,yBAAA,KACA,4BAAA,YACA,qBAAA,KACA,eAAA,mBACA,iBAAA,wBACA,MAAA,aACA,YAAA,mBACA,UAAA,iBACA,YAAA,mBACA,YAAA,mBACA,OAAA,QACA,cAAA,EAAA,YAAA,EAAA,SAAA,EChCF,KACE,QAAA,MAMF,KACE,MAAA,KACA,OAAA,ELufF,YKrfE,YLofF,UKjfI,MAAA,KACA,aAAA,KACA,YAAA,KAIE,QAAA,8BAAA,gCAKI,yBLgfV,YK9fE,YL6fF,UK9eY,UAAA,MACA,cAAA,EACA,aAAA,GAKF,yBLifV,YKvgBE,YLsgBF,UK/eY,UAAA,OAKF,yBLkfV,YK9gBE,YL6gBF,UKhfY,UAAA,OAKF,0BLmfV,YKrhBE,YLohBF,UKjfY,UAAA,QCpDZ,QACE,cAAA,8BCDF,OACE,QAAA,MACA,OAAA,EACA,QAAA,EACA,WAAA,KAEA,kBACE,QAAA,0BAAA,EACA,MAAA,mBCHJ,ERgkBA,OQ9jBE,YAAA,OAIF,IR+jBA,IQ7jBE,SAAA,SACA,UAAA,MACA,YAAA,EACA,eAAA,SAEF,IACE,OAAA,OAEF,IACE,IAAA,MAIF,MRgkBA,MACA,MACA,MACA,MQ9jBE,OAAA,EAIF,MR+jBA,MACA,MACA,MQ7jBE,OAAA,EAMF,QR4jBA,WACA,GACA,OACA,KACA,GACA,EACA,IACA,MACA,GQ1jBE,WAAA,EACA,cAAA,mCACA,MAAA,aACA,WAAA,OACA,YAAA,mBACA,UAAA,iBAKF,EACE,QAAA,eACA,mBAAA,YACA,QAAA,EACA,iBAAA,wBACA,MAAA,aACA,wBAAA,uBAAA,gBAAA,uBAGE,WAAA,iBAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,iBAAA,CAAA,wBAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,gBAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,gBAAA,iBAAA,CAAA,WAAA,iBAAA,CAAA,wBAAA,kBAIF,SAAA,QAAA,QAGE,QAAA,qBACA,kBAAA,UAGF,QACE,mBAAA,qBAqCJ,GRohBA,GACA,GACA,GACA,GACA,GQlhBE,WAAA,EACA,cAAA,mCACA,MAAA,aACA,YAAA,mBACA,UAAA,iBACA,YAAA,mBAGF,GACE,QAAA,gBAEF,GACE,QAAA,gBAEF,GACE,QAAA,gBAEF,GACE,QAAA,gBAEF,GACE,QAAA,gBAEF,GACE,QAAA,gBAcA,WAAA,WAAA,WAAA,WAAA,WAAA,WR8gBF,cACA,cACA,cACA,cACA,cACA,cACA,MACA,MACA,MACA,MACA,MACA,MACA,UACA,UACA,UACA,UACA,UACA,UACA,QACA,QACA,QACA,QACA,QACA,QACA,MACA,MACA,MACA,MACA,MACA,MAOA,OACA,OACA,OACA,OACA,OACA,OAXA,KACA,KACA,KACA,KACA,KACA,KAOA,SACA,SACA,SACA,SACA,SACA,SACA,MACA,MACA,MACA,MACA,MACA,MQ7jBI,WAAA,mCAMF,OACE,cAAA,mCAEA,SACE,cAAA,EAGF,mBACE,QAAA,mBACA,cAAA,MACA,UAAA,KACA,YAAA,MAwBN,EACE,cAAA,mCAIF,MACE,UAAA,iBRwiBF,GQpiBA,GAEE,cAAA,EACA,aAAA,eACA,sBAAA,eAAA,qBAAA,eACA,oBAAA,EAAA,mBAAA,ERwiBF,MQtiBE,MACE,cAAA,+CAIJ,MACE,WAAA,OAIF,KACE,QAAA,QAAA,OACA,iBAAA,6BACA,MAAA,kBACA,eAAA,SAIF,WACE,QAAA,MACA,OAAA,mCAAA,EACA,QAAA,eACA,aAAA,KACA,YAAA,OAAA,MAAA,+BACA,qBAAA,QAAA,MAAA,+BAAA,oBAAA,QAAA,MAAA,+BACA,mBAAA,KAAA,kBAAA,KAEA,kBACE,WAAA,8CACA,MAAA,+BAMJ,YACE,cAAA,IAAA,OACA,gBAAA,KACA,OAAA,KAIF,IACE,MAAA,iBACA,gBAAA,KAIF,IACE,MAAA,iBAIF,iBACE,iBAAA,qBADF,YACE,iBAAA,qBCxRF,MTk0BA,OACA,OACA,IACA,IACA,MSh0BE,eAAA,OAIF,MTi0BA,MS/zBE,QAAA,aAIF,sBACE,QAAA,KACA,OAAA,EAIF,OACE,aAAA,KAKF,IACE,UAAA,KACA,OAAA,KACA,aAAA,KAIF,gBACE,KAAA,aAIF,eACE,SAAA,OCvCF,OACE,OAAA,EACA,SAAA,QACA,YAAA,QACA,eAAA,KV22BF,cACA,aACA,cUz2BA,OAIE,mBAAA,OV02BF,gCACA,+BACA,gCUx2BA,yBAIE,QAAA,EACA,aAAA,KAMF,OACE,QAAA,MACA,MAAA,KACA,cAAA,eAGF,cACE,QAAA,aACA,gBAAA,KVy2BF,cUt2BA,OVo2BA,mBACA,kBAFA,mBU91BE,mBAAA,eACA,eAAA,eACA,QAAA,uBACA,aAAA,iDACA,QAAA,qCAAA,uCAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBV42BJ,qBACA,oBAFA,oBUt2BE,cAAA,aAAA,aVi2BF,0BACA,yBAFA,yBAIA,yBACA,wBAFA,wBALA,0BACA,yBAFA,yBU11BI,mBAAA,qBACA,eAAA,qBACA,aAAA,uDACA,QAAA,uBV42BJ,oBUz2BE,aVu2BF,yBACA,wBAFA,yBUr2BI,aAAA,sDAAA,CV02BA,EAAE,EAAE,EAAE,qBAAqB,qBU/vB7B,kBACE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,OAAA,QAEA,yBAAA,wBAAA,wBAGE,mBAAA,uBACA,eAAA,uBAGF,wBACE,aAAA,sDAAA,CVgwBF,EAAE,EAAE,EAAE,qBAAqB,uBAQ/B,wBADA,2BU/vBA,iBV6vBA,6BACA,4BAFA,6BUtvBE,QAAA,GACA,eAAA,KCtNF,MXw9BA,SACA,OACA,SWt9BE,OAAA,EACA,UAAA,KACA,YAAA,mBACA,YAAA,QACA,eAAA,QAIF,MACE,SAAA,QAIF,OACE,eAAA,KAOF,OACE,UAAA,KACA,QAAA,EACA,MAAA,QACA,YAAA,OAIF,SACE,SAAA,KAIF,gBXg9BA,aW98BE,QAAA,EAIF,4BX+8BA,4BW78BE,OAAA,KAKF,cACE,mBAAA,UACA,eAAA,KAIF,yCACE,mBAAA,KAKF,6BACE,mBAAA,OACA,KAAA,QAIF,mBACE,QAAA,EACA,aAAA,KAIF,gBACE,QAAA,EAIF,iBACE,WAAA,KAIF,aACE,QAAA,KAIF,YXq8BA,aWn8BE,QAAA,EACA,aAAA,EAOF,+DACE,OAAA,qGAOF,SACE,OAAA,EACA,cAAA,eACA,QAAA,EACA,OAAA,EXg8BF,gBW57BA,MAEE,QAAA,MACA,cAAA,2BACA,YAAA,iDAIF,6CX27BA,OACA,SWz7BE,MAAA,KAIF,gFX07BA,OACA,SWx7BE,mBAAA,KAAA,gBAAA,KAAA,WAAA,KACA,QAAA,qCAAA,uCAEA,eAAA,OAIF,MX07BA,OACA,SWx7BE,mBAAA,qCACA,eAAA,iCACA,QAAA,0BACA,aAAA,KACA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBAGE,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAUF,4HAAA,2HXi7BF,cACA,aACA,gBACA,eWl7BI,mBAAA,4CAQF,wGAAA,uGX+6BF,cACA,aACA,gBACA,eWh7BI,eAAA,wCAQF,uHX66BF,aACA,eW76BI,aAAA,EAAA,EAAA,EAAA,qBAAA,gCAQF,wEX06BF,iBACA,mBW16BI,mBAAA,8CACA,eAAA,0CACA,QAAA,qCAUA,2DXq6BJ,4DACA,8DWp6BQ,cAAA,gEAGA,aAAA,uCACA,sBAAA,iDAAA,qBAAA,iDACA,oBAAA,gEAAA,mBAAA,gEASF,oBAAA,OAAA,MAAA,OACA,gBAAA,KAAA,KACA,kBAAA,UAGF,iEX65BJ,kEACA,oEW75BM,iBAAA,kBAGF,gEX85BJ,iEACA,mEW95BM,iBAAA,oBAIJ,0BX85BF,2BACA,6BW95BI,eAAA,uCAEA,iCAAA,gCXg6BJ,kCACA,iCACA,oCACA,mCWh6BQ,eAAA,wDACA,aAAA,EAAA,EAAA,EAAA,qBAAA,gDAQN,yBX45BF,0BACA,4BW55BI,eAAA,yCAEA,gCAAA,+BX85BJ,iCACA,gCACA,mCACA,kCW95BQ,eAAA,0DACA,aAAA,EAAA,EAAA,EAAA,qBAAA,kDAcF,2EAAA,0EAAA,qEXu5BN,4EADA,2EADA,sEAKA,8EADA,6EADA,wEWr5BQ,oBAAA,OAAA,KAAA,OX45BR,iCWr5BA,mBXw5BA,eADA,oCADA,sBWj5BE,MAAA,sCACA,QAAA,EAIF,6CXo5BA,OACA,SWl5BE,cAAA,eAMA,mBACE,OAAA,EACA,iBAAA,YAGF,mCACE,cAAA,sDACA,aAAA,uCACA,sBAAA,uCAAA,qBAAA,uCACA,oBAAA,sDAAA,mBAAA,sDACA,iBAAA,oBACA,oBAAA,OAAA,MAAA,OACA,gBAAA,KAAA,KACA,kBAAA,UAMA,6CACE,oBAAA,OAAA,KAAA,OASJ,YXy4BF,aACA,eWz4BI,QAAA,MACA,MAAA,KACA,WAAA,4BACA,cAAA,eACA,MAAA,mBAMF,YAAA,aAAA,eAGE,WAAA,2BCjWJ,gBZ8uCA,aY5uCE,mBAAA,KACA,gBAAA,KACA,WAAA,KACA,MAAA,OACA,OAAA,OACA,WAAA,QACA,aAAA,OACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,OAAA,kBAAA,OACA,aAAA,oBACA,UAAA,QACA,eAAA,OACA,OAAA,QAEA,2BZgvCF,wBY/uCI,QAAA,KAGF,wBAAA,+BAAA,8BZgvCF,qBACA,4BACA,2BY/uCI,mBAAA,eACA,eAAA,eACA,iBAAA,qBACA,oBAAA,OACA,gBAAA,MAAA,KACA,kBAAA,UAGF,sBZgvCF,mBY/uCI,QAAA,aACA,aAAA,OACA,cAAA,EACA,OAAA,QAMF,8BACE,mBAAA,eACA,eAAA,eACA,iBAAA,kBACA,oBAAA,OACA,gBAAA,MAAA,KACA,kBAAA,UAKJ,aACE,cAAA,IAEA,qBAAA,4BAAA,2BAGE,mBAAA,uBACA,aAAA,MACA,iBAAA,KAKJ,6BACE,mBAAA,+BACA,eAAA,+BACA,QAAA,oBAQA,MAAA,OACA,OAAA,OACA,OAAA,oBAAA,MAAA,oBACA,cAAA,OACA,iBAAA,wBACA,YAAA,OAEA,mCACE,mBAAA,+BACA,eAAA,+BAGF,qCACE,mBAAA,uCACA,eAAA,uCAGF,oCACE,QAAA,MACA,MAAA,yCACA,OAAA,KACA,cAAA,IACA,iBAAA,aACA,QAAA,GAGE,WAAA,OAAA,IAAA,YAIJ,qCACE,iBAAA,KAEA,6CACE,YAAA,oCACA,qBAAA,oCAAA,oBAAA,oCZ+tCN,4CYltCE,oCZstCF,yDADA,iDADA,yCADA,iCYltCI,eAAA,uCZytCJ,2CYttCE,mCZ0tCF,wDADA,gDADA,wCADA,gCYttCI,eAAA,yCC3HF,2CAHE,QAAA,EAOF,+BAPE,QAAA,EAiBF,mCAJE,OAAA,KACA,cAAA,gCAOF,gCARE,OAAA,KACA,cAAA,gCAeF,2FAAA,qGAAA,4FAAA,2FAAA,2FAKE,gBAAA,QACA,aAAA,KACA,cAAA,+CACA,iBAAA,iBACA,oBAAA,OAAA,MAAA,qBACA,gBAAA,kBAAA,KACA,kBAAA,UAIF,2FACE,iBAAA,iBAUF,+Cbq0CF,yDACA,gDACA,+CACA,+Cav0CI,MAAA,kBACA,aAAA,6BACA,YAAA,qBACA,QAAA,EAKF,sBbu0CF,gCACA,uBACA,sBACA,sBar0CI,WAAA,MAKJ,YACE,QAAA,mBACA,QAAA,gDAAA,EACA,OAAA,KACA,cAAA,EACA,WAAA,IAEA,mBAAA,kBAAA,kBAGE,OAAA,KACA,WAAA,IAuCF,wCAnCE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,aAAA,wBACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,wBAAA,kBAAA,wBACA,QAAA,gDAAA,kDAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,mBAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAaJ,kCAnCE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,aAAA,wBACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,wBAAA,kBAAA,wBACA,QAAA,gDAAA,kDAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAKF,+CAAA,8CAAA,8CAGE,mBAAA,uBACA,eAAA,uBAJF,yCAAA,wCAAA,wCAGE,mBAAA,uBACA,eAAA,uBAQJ,wCAvCE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,aAAA,wBACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,wBAAA,kBAAA,wBACA,QAAA,gDAAA,kDAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,mBAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAKF,+CAAA,8CAAA,8CAGE,mBAAA,uBACA,eAAA,uBAYJ,wBA3CE,mBAAA,iBACA,eAAA,iBACA,QAAA,yBACA,aAAA,wBACA,YAAA,EACA,oBAAA,EACA,kBAAA,wBACA,QAAA,gDAAA,kDAEA,OAAA,oBAAA,MAAA,oBACA,cAAA,qBACA,QAAA,EACA,iBAAA,wBACA,WAAA,kBACA,MAAA,aACA,YAAA,mBACA,UAAA,KACA,YAAA,mBACA,WAAA,OACA,OAAA,QAGE,eAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAKF,+BAAA,8BAAA,8BAGE,mBAAA,uBACA,eAAA,uBAkBN,aAOE,mBAAA,KACA,gBAAA,KACA,WAAA,KACA,MAAA,KACA,OAAA,QACA,WAAA,IAeA,4CAXE,MAAA,KACA,OAAA,OACA,cAAA,qBACA,iBAAA,0BAGE,mBAAA,iBAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,WAAA,kBASJ,+BAfE,MAAA,KACA,OAAA,OACA,cAAA,qBACA,iBAAA,0BAGE,gBAAA,iBAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,WAAA,kBAaJ,wBAnBE,MAAA,KACA,OAAA,OACA,cAAA,qBACA,iBAAA,0BAGE,eAAA,iBAAA,iBAAA,CAAA,WAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,WAAA,kBAiCJ,mCAdE,mBAAA,KACA,MAAA,QACA,OAAA,QACA,WAAA,OACA,OAAA,IAAA,MAAA,gCACA,cAAA,IACA,iBAAA,yBACA,OAAA,QAGE,mBAAA,iBAAA,iBAAA,CAAA,UAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,UAAA,kBAQJ,+BAlBE,mBAAA,KACA,MAAA,QACA,OAAA,QACA,WAAA,OACA,OAAA,IAAA,MAAA,gCACA,cAAA,IACA,iBAAA,yBACA,OAAA,QAGE,gBAAA,iBAAA,iBAAA,CAAA,UAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,UAAA,kBAYJ,wBAtBE,mBAAA,KACA,MAAA,QACA,OAAA,QACA,WAAA,OACA,OAAA,IAAA,MAAA,gCACA,cAAA,IACA,iBAAA,yBACA,OAAA,QAGE,eAAA,iBAAA,iBAAA,CAAA,UAAA,kBAAA,WAAA,iBAAA,iBAAA,CAAA,UAAA,kBAgBJ,mBAAA,mBAEE,qBAAA,iCACA,oBAAA,+BAGF,oBACE,oBAAA,gCAGA,0CACE,UAAA,YAGF,sCACE,UAAA,YAGF,+BACE,UAAA,YAQJ,6FACE,aAAA,uDACA,cAAA,KACA,iBAAA,mBACA,oBAAA,OAAA,KAAA,SACA,gBAAA,KAAA,KACA,kBAAA,UAMF,4CACE,mBAAA,KACA,QAAA,KCnPJ,MACE,MAAA,KACA,aAAA,QACA,gBAAA,SACA,eAAA,EACA,YAAA,EdknDF,Gc3mDA,GAEE,QAAA,wBAAA,eACA,cAAA,oBAAA,MAAA,0BACA,MAAA,aACA,YAAA,mBACA,UAAA,iBACA,WAAA,KACA,WAAA,Md8mDF,SczmDE,SAEE,WAAA,oBAAA,MAAA,0BACA,cAAA,EAOA,yCACE,iBAAA,2Cd2mDN,KACA,IejpDA,IfkpDA,Ke9oDE,UAAA,OACA,YAAA,mBAIF,IACE,mBAAA,UACA,SAAA,KfkpDF,KACA,Ie7oDA,IAGE,cAAA,qBACA,WAAA,6BACA,MAAA,kBACA,YAAA,mBACA,YAAA,QAGF,Kf4oDA,Ie1oDE,QAAA,aACA,QAAA,QAAA,MAGF,IACE,QAAA,MACA,cAAA,eACA,WAAA,KAEA,SACE,QAAA,MACA,QAAA,eACA,WAAA,IACA,UAAA,KACA,YAAA,mBAOF,OACE,MAAA,sBACA,YAAA,mBAIF,OACE,MAAA,2BACA,WAAA,OAIF,OACE,MAAA,wBACA,gBAAA,KAIF,QACE,MAAA,0BACA,WAAA,OAKJ,IACE,iBAAA,iCACA,MAAA,sBACA,eAAA,SC9EF,GACE,WAAA,YACA,OAAA,EACA,SAAA,QACA,OAAA,KACA,WAAA,IAAA,MAAA,0BAIF,ShBmtDA,SgBhtDI,QAAA,eAOJ,OACE,QAAA,aC3BF,QACE,QAAA,MACA,cAAA,eACA,eAAA,0BACA,cAAA,oBAAA,MAAA,8BAEA,gBACE,MAAA,qCACA,YAAA,KACA,gBAAA,KACA,OAAA,QAGE,WAAA,MAAA,kBAIF,wCACE,QAAA,KAGF,wBACE,QAAA,KAGF,kCACE,gBAAA,KAIF,uBACE,QAAA,MACA,MAAA,KACA,OAAA,KACA,MAAA,MACA,UAAA,eACA,iBAAA,oBACA,oBAAA,OACA,gBAAA,KAAA,KACA,kBAAA,UACA,QAAA,GAGE,WAAA,UAAA,kBAIJ,sBACE,QAAA,EACA,MAAA,sCAGF,kBACE,WAAA,0BAEA,oBACE,WAAA,EAOJ,sBACE,cAAA,2BAEA,kCACE,MAAA,oCAGF,6BACE,UAAA,UASF,iCACE,MAAA,KCjFR,QACE,OAAA,8BAAA,EACA,QAAA,8BAAA,gCACA,SAAA,OACA,cAAA,qBACA,WAAA,6BACA,WAAA,uBlB+yDF,ekB7yDE,eAEE,aAAA,2CACA,YAAA,2CACA,QAAA,0CAAA,gCAEA,iBAAA,yCAGF,eACE,WAAA,yCACA,cAAA,8BACA,cAAA,oBAAA,MAAA,yBAGF,eACE,WAAA,8BACA,cAAA,yCACA,WAAA,oBAAA,MAAA,yBC1BJ,MACE,kBAAA,IAGF,OACE,QAAA,KACA,QAAA,IACA,SAAA,MACA,IAAA,EACA,MAAA,EACA,OAAA,EACA,KAAA,EACA,YAAA,OACA,gBAAA,OACA,MAAA,QACA,UAAA,KACA,OAAA,QACA,WAAA,KACA,QAAA,eACA,OAAA,KACA,iBAAA,sCAGA,eACE,WAAA,iCACA,SAAA,KAGE,yBALJ,eAMM,UAAA,OAKF,yBAXJ,eAYM,UAAA,OnB20DR,sBmBv0DI,sBAEE,QAAA,yCAAA,gCAKA,6BACE,OAAA,EACA,YAAA,eACA,MAAA,MAIJ,sBACE,WAAA,MAEA,oCACE,cAAA,EAEA,wDACE,YAAA,0BAMJ,8BACE,OAAA,EAiCN,mBAAA,mBAEE,QAAA,KCrGJ,IpBy4DA,OoBv4DE,QAAA,KAGF,IACE,gBAAA,cAEA,OpBy4DF,OoBv4DI,YAAA,OACA,cAAA,EACA,QAAA,EACA,WAAA,KAEA,qBpBy4DJ,qBoBx4DM,YAAA,2BAEF,oBpB04DJ,oBoBz4DM,aAAA,2BAIJ,OACE,QAAA,aACA,OAAA,EACA,QAAA,eAAA,0BAGA,SpBw4DJ,oDoBt4DM,cAAA,EAIJ,MACE,QAAA,MACA,OAAA,0BAAA,2BACA,QAAA,eAAA,0BACA,cAAA,qBACA,gBAAA,KAEA,aAAA,YAAA,YAGE,gBAAA,KAIJ,2BACE,YAAA,OACA,gBAAA,KAEA,iCACE,sBAAA,EAAA,qBAAA,EAGE,2DACE,sBAAA,OAAA,qBAAA,OACA,QAAA,IACA,MAAA,mBAKN,gDACE,MAAA,QpBq4DN,SoB93DE,UpB43DF,SACA,SoBz3DI,QAAA,MAGF,SACE,QAAA,0BAEA,WACE,OAAA,2BACA,QAAA,0BC/EN,SACE,QAAA,aACA,eAAA,SAMF,SAEE,mBAAA,KACA,gBAAA,KAGA,QAAA,aACA,WAAA,KACA,MAAA,KACA,OAAA,MACA,cAAA,0BACA,SAAA,OAGA,OAAA,EACA,cAAA,qBACA,iBAAA,iCAGA,MAAA,sBAEA,+BACE,cAAA,qBACA,WAAA,IAEF,wCACE,iBAAA,sBAEF,4BACE,iBAAA,sBAIF,8CACE,uBACE,WAAA,iCAAA,yFAAA,IAAA,IAAA,CAAA,KAAA,KAAA,UAOA,kBAAA,sBAAA,GAAA,OAAA,SAAA,UAAA,sBAAA,GAAA,OAAA,SAEA,sDACE,iBAAA,YAEF,0CACE,iBAAA,aAMR,yCACE,GACE,oBAAA,KAAA,EAEF,KACE,oBAAA,MAAA,GALJ,iCACE,GACE,oBAAA,KAAA,EAEF,KACE,oBAAA,MAAA,GCxEJ,iBACE,OAAA,SAMA,8DACE,QAAA,aACA,MAAA,IACA,OAAA,IACA,OAAA,QAAA,MAAA,aACA,cAAA,IACA,mBAAA,YACA,QAAA,GACA,eAAA,YACA,eAAA,QACA,kBAAA,QAAA,KAAA,OAAA,SAAA,UAAA,QAAA,KAAA,OAAA,SACA,QAAA,+BAIA,0EACE,aAAA,0BACA,YAAA,EACA,qBAAA,EAAA,oBAAA,EACA,mBAAA,0BAAA,kBAAA,0BAIJ,4DACE,WAAA,OtBshEJ,kBsB5gEE,uBtB0gEF,mCACA,kCAFA,mCsBxgEI,eAAA,KAKJ,2BACE,GACE,UAAA,gBAFJ,mBACE,GACE,UAAA,gBCnDJ,eACE,SAAA,SAEA,6CACE,cAAA,IAAA,OACA,gBAAA,KACA,OAAA,KAGF,sBAAA,uBAEE,QAAA,MACA,QAAA,GACA,SAAA,SACA,OAAA,KACA,KAAA,IACA,QAAA,OAAA,MACA,SAAA,OACA,UAAA,wBACA,cAAA,qBACA,WAAA,gCACA,QAAA,mBACA,MAAA,qBACA,WAAA,OACA,YAAA,mBACA,UAAA,QACA,gBAAA,KACA,cAAA,SACA,YAAA,OACA,QAAA,EACA,eAAA,KAIF,sBACE,QAAA,EACA,UAAA,kBACA,WAAA,MAAA,MACA,aAAA,MAAA,MAAA,YACA,YAAA,MAAA,MAAA,YACA,cAAA,EACA,iBAAA,YACA,QAAA,GACA,MAAA,gCAMA,4BAAA,6BAAA,4BAAA,6BAEE,QAAA,EAMF,wCAGI,4BAAA,6BAAA,4BAAA,6BAEE,2BAAA,IAAA,mBAAA,IACA,uBAAA,MAAA,eAAA,MAGF,4BAAA,4BACE,uBAAA,WAAA,eAAA,YASR,yBACE,KACE,UAAA,uBACA,QAAA,EAEF,GACE,UAAA,wBACA,QAAA,GAPJ,iBACE,KACE,UAAA,uBACA,QAAA,EAEF,GACE,UAAA,wBACA,QAAA,GAIJ,8BACE,KACE,QAAA,EAEF,IACE,UAAA,wBACA,QAAA,EAEF,GACE,UAAA,kBACA,QAAA,GAVJ,sBACE,KACE,QAAA,EAEF,IACE,UAAA,wBACA,QAAA,EAEF,GACE,UAAA,kBACA,QAAA,GCxFN,gBACE,OAAA,QAIF,qBxB2qEA,WwBzqEE,OAAA,YAIF,4BACE,QAAA,QAGF,wCACE,KAAA,cACA,SAAA,SxBorEF,WwB/qEA,ExBwqEA,KACA,OACA,MACA,MACA,OACA,QACA,SwBrqEE,iBAAA,aAOF,UACE,UAAA,ICrCA,uCACE,uBzBgtEJ,8BADA,+ByB5sEM,sBAAA,kBACA,2BAAA,cAAA,mBAAA,cACA,wBAAA,eAAA,gBAAA,eACA,kCAAA,YAAA,0BAAA,YACA,gBAAA,eACA,iBAAA,aACA,oBAAA","sourcesContent":["/*!\r\n * Pico.css v1.4.4 (https://picocss.com)\r\n * Copyright 2019-2021 - Licensed under MIT\r\n */\r\n\r\n// Config\r\n@import \"variables\";\r\n\r\n// Theming\r\n@import \"themes/default\";\r\n\r\n// Layout\r\n@import \"layout/document\"; // html\r\n@import \"layout/sectioning\"; // body, header, main, footer\r\n@import \"layout/container\"; // .container, .container-fluid\r\n@import \"layout/section\"; // section\r\n@import \"layout/grid\"; // .grid\r\n@import \"layout/scroller\"; // figure\r\n\r\n// Content\r\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\r\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\r\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\r\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\r\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\r\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\r\n@import \"content/table\"; // table, tr, td, ...\r\n@import \"content/code\"; // pre, code, ...\r\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\r\n\r\n// Components\r\n@import \"components/accordion\"; // details, summary\r\n@import \"components/card\"; // article\r\n@import \"components/modal\"; // dialog\r\n@import \"components/nav\"; // nav\r\n@import \"components/progress\"; // progress\r\n\r\n// Utilities\r\n@import \"utilities/loading\"; // aria-busy=true\r\n@import \"utilities/tooltip\"; // data-tooltip\r\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\r\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\r\n","// Commons Styles\r\n:root {\r\n  // Typography\r\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n  --line-height: 1.5;\r\n  --font-weight: 400;\r\n  --font-size: 16px;\r\n\r\n  // Responsive typography\r\n  @if $enable-responsive-typography {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --font-size: 17px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --font-size: 18px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --font-size: 19px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Borders\r\n  --border-radius: 0.25rem;\r\n  --border-width: 1px;\r\n  --outline-width: 3px;\r\n\r\n  // Spacings\r\n  --spacing: 1rem;\r\n\r\n  // Spacings for typography elements\r\n  --typography-spacing-vertical: 1.5rem;\r\n\r\n  // Spacings for body > header, body > main, body > footer, section, article\r\n  --block-spacing-vertical: calc(var(--spacing) * 2);\r\n  --block-spacing-horizontal: var(--spacing);\r\n\r\n  @if ($enable-classes and $enable-grid) {\r\n    --grid-spacing-vertical: 0;\r\n    --grid-spacing-horizontal: var(--spacing);\r\n  }\r\n\r\n  // Spacings for form elements and button\r\n  --form-element-spacing-vertical: 0.75rem;\r\n  --form-element-spacing-horizontal: 1rem;\r\n\r\n  // Font weight for form labels & fieldsets legend\r\n  --form-label-font-weight: var(--font-weight);\r\n\r\n  // Transitions\r\n  --transition: 0.2s ease-in-out;\r\n}\r\n\r\n// Responsives spacings\r\n@if $enable-responsive-spacings {\r\n  // Sectionning\r\n  body > header,\r\n  body > main,\r\n  body > footer,\r\n  section {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 4);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Card (<article>)\r\n  article {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Modal\r\n  dialog > article {\r\n\r\n    --block-spacing-vertical: calc(var(--spacing) * 2);\r\n    --block-spacing-horizontal: var(--spacing);\r\n\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Link\r\na {\r\n  --text-decoration: none;\r\n\r\n  // Secondary & Contrast\r\n  @if $enable-classes {\r\n    &.secondary,\r\n    &.contrast {\r\n      --text-decoration: underline;\r\n    }\r\n  }\r\n}\r\n\r\n// Small\r\nsmall {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  --font-weight: 700;\r\n}\r\n\r\nh1 {\r\n  --font-size: 2rem;\r\n  --typography-spacing-vertical: 3rem;\r\n}\r\n\r\nh2 {\r\n  --font-size: 1.75rem;\r\n  --typography-spacing-vertical: 2.625rem;\r\n}\r\n\r\nh3 {\r\n  --font-size: 1.5rem;\r\n  --typography-spacing-vertical: 2.25rem;\r\n}\r\n\r\nh4 {\r\n  --font-size: 1.25rem;\r\n  --typography-spacing-vertical: 1.874rem;\r\n}\r\n\r\nh5 {\r\n  --font-size: 1.125rem;\r\n  --typography-spacing-vertical: 1.6875rem;\r\n}\r\n\r\n// Forms elements\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  --border-width: 2px;\r\n}\r\n\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --border-width: 3px;\r\n}\r\n\r\n// Table\r\nthead,\r\ntfoot {\r\n  th,\r\n  td {\r\n    --border-width: 3px;\r\n  }\r\n}\r\n\r\n:not(thead):not(tfoot) > * > td {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Code\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\r\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\r\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nkbd {\r\n  --font-weight: bolder;\r\n}\r\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    color-scheme: dark;\n  }\n}\n[data-theme=dark] {\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: dark;\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  -webkit-text-decoration: var(--text-decoration);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  -webkit-padding-start: var(--spacing);\n  padding-inline-start: var(--spacing);\n  -webkit-padding-end: 0;\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  -webkit-border-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  -webkit-border-end: none;\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::-moz-selection {\n  background-color: var(--primary-focus);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  -webkit-padding-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  -webkit-padding-start: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 0.375em;\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  -webkit-margin-start: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::-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  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) / 2);\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  -webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) / 2);\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) / 2);\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  -webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  -ms-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  -webkit-transition: background-color var(--transition), box-shadow var(--transition);\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  -moz-transition: background-color var(--transition), box-shadow var(--transition);\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  -ms-transition: background-color var(--transition), box-shadow var(--transition);\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  -webkit-transition: background-color var(--transition), transform var(--transition);\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  -moz-transition: background-color var(--transition), transform var(--transition);\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  -ms-transition: background-color var(--transition), transform var(--transition);\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary: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::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\nnav[aria-label=breadcrumb] {\n  align-items: center;\n  justify-content: left;\n}\nnav[aria-label=breadcrumb] ul li {\n  -webkit-padding-start: 0;\n  padding-inline-start: 0;\n}\nnav[aria-label=breadcrumb] ul li:not(:last-child) a::after {\n  -webkit-padding-start: 0.5rem;\n  padding-inline-start: 0.5rem;\n  content: \"/\";\n  color: var(--muted-color);\n}\nnav[aria-label=breadcrumb] a[aria-current=page] {\n  color: inherit;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    -webkit-animation: progressIndeterminate 1s linear infinite;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@-webkit-keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  -webkit-animation: spinner 0.75s linear infinite;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) * 0.5);\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@-webkit-keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    -webkit-animation-duration: 0.2s;\n    animation-duration: 0.2s;\n    -webkit-animation-name: slide;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    -webkit-animation-name: slideCaret;\n    animation-name: slideCaret;\n  }\n}\n\n@-webkit-keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@-webkit-keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    -webkit-animation-duration: 1ms !important;\n    animation-duration: 1ms !important;\n    -webkit-animation-delay: -1ms !important;\n    animation-delay: -1ms !important;\n    -webkit-animation-iteration-count: 1 !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.classless.css.map */","// Default: Light theme\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --background-color: #{$white};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-700};\r\n  --h1-color: #{$grey-900};\r\n  --h2-color: #{mix($grey-900, $grey-800)};\r\n  --h3-color: #{$grey-800};\r\n  --h4-color: #{mix($grey-800, $grey-700)};\r\n  --h5-color: #{$grey-700};\r\n  --h6-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{$grey-50};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-700};\r\n  --primary-focus: #{rgba($primary-600, 0.125)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-700};\r\n  --secondary-focus: #{rgba($grey-600, 0.125)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-900};\r\n  --contrast-hover: #{$black};\r\n  --contrast-focus: #{rgba($grey-600, 0.125)};\r\n  --contrast-inverse: #{$white};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($amber-100, $amber-50)};\r\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: transparent;\r\n  --form-element-border-color: #{$grey-300};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: transparent;\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-100};\r\n  --form-element-disabled-border-color: #{$grey-300};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-800};\r\n  --form-element-invalid-active-border-color: #{$red-700};\r\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\r\n  --form-element-valid-border-color: #{$green-700};\r\n  --form-element-valid-active-border-color: #{$green-600};\r\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{$grey-200};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{$grey-100};\r\n  --range-active-border-color: #{$grey-200};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\r\n\r\n  // Code\r\n  --code-background-color: #{$grey-50};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 40%, 50%)};\r\n  --code-property-color: #{hsl(185, 40%, 40%)};\r\n  --code-value-color: #{hsl(40, 20%, 50%)};\r\n  --code-comment-color: #{$grey-300};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: var(--background-color);\r\n  --card-border-color: var(--muted-border-color);\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\r\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\r\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\r\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{$grey-100};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: light;\r\n}\r\n","/**\r\n * Theme: default\r\n */\r\n\r\n// Variables\r\n@import \"../variables\";\r\n@import \"default/colors\";\r\n\r\n// Commons styles\r\n@import \"default/styles\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"default/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"default/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n  :root:not([data-theme=\"light\"]) {\r\n    @include dark;\r\n  }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n  @include dark;\r\n}\r\n","// Default: Dark theme\r\n@mixin dark {\r\n  --background-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-200};\r\n  --h1-color: #{$grey-50};\r\n  --h2-color: #{mix($grey-100, $grey-50)};\r\n  --h3-color: #{$grey-100};\r\n  --h4-color: #{mix($grey-200, $grey-100)};\r\n  --h5-color: #{$grey-200};\r\n  --h6-color: #{mix($grey-300, $grey-200)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-500};\r\n  --primary-focus: #{rgba($primary-600, 0.25)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-500};\r\n  --secondary-focus: #{rgba($grey-500, 0.25)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-50};\r\n  --contrast-hover: #{$white};\r\n  --contrast-focus: #{rgba($grey-500, 0.25)};\r\n  --contrast-inverse: #{$black};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($grey-300, $amber-300)};\r\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\r\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: var(--form-element-background-color);\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-800};\r\n  --form-element-disabled-border-color: #{$grey-700};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-900};\r\n  --form-element-invalid-active-border-color: #{$red-800};\r\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\r\n  --form-element-valid-border-color: #{$green-800};\r\n  --form-element-valid-active-border-color: #{$green-700};\r\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{mix($grey-800, $grey-700)};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{mix($grey-900, $grey-800)};\r\n  --range-active-border-color: #{$grey-800};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\r\n\r\n  // Code\r\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 30%, 50%)};\r\n  --code-property-color: #{hsl(185, 30%, 50%)};\r\n  --code-value-color: #{hsl(40, 10%, 50%)};\r\n  --code-comment-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-active-summary-color: var(--primary);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: #{mix($black, $grey-900, 25%)};\r\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\r\n    0 0.125rem 2rem #{rgba($black, 0.12)},\r\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\r\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{mix($grey-900, $grey-800)};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: dark;\r\n}\r\n","/**\r\n * Document\r\n * Content-box & Responsive typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box; // 1\r\n}\r\n\r\n// 1. Add text decoration inheritance in all browsers (opinionated)\r\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\r\n::before,\r\n::after {\r\n  text-decoration: inherit; // 1\r\n  vertical-align: inherit; // 2\r\n}\r\n\r\n// 1. Correct the line height in all browsers\r\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\n// 3. Change the default tap highlight to be completely transparent in iOS\r\n// 4. Use the default cursor in all browsers (opinionated)\r\n// 5. Use a 4-space tab width in all browsers (opinionated)\r\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\nhtml {\r\n  -webkit-text-size-adjust: 100%; // 2\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\r\n  -ms-text-size-adjust: 100%; // 6\r\n  text-rendering: optimizeLegibility;\r\n  background-color: var(--background-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  line-height: var(--line-height); // 1\r\n  font-family: var(--font-family);\r\n  cursor: default; // 4\r\n  tab-size: 4; // 5\r\n}\r\n","/**\r\n * Sectioning\r\n * Container and responsive spacings for header, main, footer\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Render the `main` element consistently in IE\r\nmain {\r\n  display: block;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbody {\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  > header,\r\n  > main,\r\n  > footer {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n\r\n    // Semantic container\r\n    @if $enable-semantic-container {\r\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n\r\n      // Centered viewport\r\n      @if $enable-viewport {\r\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"sm\")) {\r\n            max-width: map-get($viewports, \"sm\");\r\n            padding-right: 0;\r\n            padding-left: 0;\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"md\")) {\r\n            max-width: map-get($viewports, \"md\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"lg\")) {\r\n            max-width: map-get($viewports, \"lg\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"xl\")) {\r\n            max-width: map-get($viewports, \"xl\");\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Semantic container\r\n    @else {\r\n      padding: var(--block-spacing-vertical) 0;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Section\r\n * Responsive spacings for section\r\n */\r\n\r\nsection {\r\n  margin-bottom: var(--block-spacing-vertical);\r\n}\r\n","/**\r\n * Horizontal scroller (<figure>)\r\n */\r\n\r\n// Wrapper to make any content responsive across all viewports\r\nfigure {\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow-x: auto;\r\n\r\n  figcaption {\r\n    padding: calc(var(--spacing) * 0.5) 0;\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n","/**\r\n * Typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Add the correct font weight in Chrome, Edge, and Safari\r\nb,\r\nstrong {\r\n  font-weight: bolder;\r\n}\r\n\r\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\r\nsub,\r\nsup {\r\n  position: relative;\r\n  font-size: 0.75em;\r\n  line-height: 0;\r\n  vertical-align: baseline;\r\n}\r\nsub {\r\n  bottom: -0.25em;\r\n}\r\nsup {\r\n  top: -0.5em;\r\n}\r\n\r\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\r\ndl dl,\r\ndl ol,\r\ndl ul,\r\nol dl,\r\nul dl {\r\n  margin: 0;\r\n}\r\n\r\n// Remove the margin on nested lists in Edge 18- and IE\r\nol ol,\r\nol ul,\r\nul ol,\r\nul ul {\r\n  margin: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-style: normal;\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Links\r\n// 1. Remove the gray background on active links in IE 10\r\na {\r\n  --color: var(--primary);\r\n  --background-color: transparent;\r\n  outline: none;\r\n  background-color: var(--background-color); // 1\r\n  color: var(--color);\r\n  text-decoration: var(--text-decoration);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition), color var(--transition),\r\n      text-decoration var(--transition), box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --color: var(--primary-hover);\r\n    --text-decoration: underline;\r\n  }\r\n\r\n  &:focus {\r\n    --background-color: var(--primary-focus);\r\n  }\r\n\r\n  @if $enable-classes {\r\n    // Secondary\r\n    &.secondary {\r\n      --color: var(--secondary);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--secondary-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--secondary-focus);\r\n      }\r\n    }\r\n\r\n    // Contrast\r\n    &.contrast {\r\n      --color: var(--contrast);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--contrast-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--contrast-focus);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  font-family: var(--font-family);\r\n}\r\n\r\nh1 {\r\n  --color: var(--h1-color);\r\n}\r\nh2 {\r\n  --color: var(--h2-color);\r\n}\r\nh3 {\r\n  --color: var(--h3-color);\r\n}\r\nh4 {\r\n  --color: var(--h4-color);\r\n}\r\nh5 {\r\n  --color: var(--h5-color);\r\n}\r\nh6 {\r\n  --color: var(--h6-color);\r\n}\r\n\r\n// Margin-top for headings after a typography block\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  & ~ h1,\r\n  & ~ h2,\r\n  & ~ h3,\r\n  & ~ h4,\r\n  & ~ h5,\r\n  & ~ h6 {\r\n    margin-top: var(--typography-spacing-vertical);\r\n  }\r\n}\r\n\r\n// Heading group\r\n@if $enable-classes == false {\r\n  hgroup {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n@if $enable-classes {\r\n  hgroup,\r\n  .headings {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n// Paragraphs\r\np {\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n}\r\n\r\n// Small\r\nsmall {\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Lists\r\nul,\r\nol {\r\n  padding-right: 0;\r\n  padding-left: var(--spacing);\r\n  padding-inline-start: var(--spacing);\r\n  padding-inline-end: 0;\r\n\r\n  li {\r\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\r\n  }\r\n}\r\n\r\nul li {\r\n  list-style: square;\r\n}\r\n\r\n// Highlighted text\r\nmark {\r\n  padding: 0.125rem 0.25rem;\r\n  background-color: var(--mark-background-color);\r\n  color: var(--mark-color);\r\n  vertical-align: baseline;\r\n}\r\n\r\n// Blockquote\r\nblockquote {\r\n  display: block;\r\n  margin: var(--typography-spacing-vertical) 0;\r\n  padding: var(--spacing);\r\n  border-right: none;\r\n  border-left: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-end: none;\r\n\r\n  footer {\r\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\r\n    color: var(--blockquote-footer-color);\r\n  }\r\n}\r\n\r\n// Abbreviations\r\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\r\nabbr[title] {\r\n  border-bottom: 1px dotted;\r\n  text-decoration: none; // 1\r\n  cursor: help;\r\n}\r\n\r\n// Ins\r\nins {\r\n  color: var(--ins-color);\r\n  text-decoration: none;\r\n}\r\n\r\n// del\r\ndel {\r\n  color: var(--del-color);\r\n}\r\n\r\n// selection\r\n::selection {\r\n  background-color: var(--primary-focus);\r\n}\r\n","/**\r\n * Embedded content\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change the alignment on media elements in all browsers (opinionated)\r\naudio,\r\ncanvas,\r\niframe,\r\nimg,\r\nsvg,\r\nvideo {\r\n  vertical-align: middle;\r\n}\r\n\r\n// Add the correct display in IE 9-\r\naudio,\r\nvideo {\r\n  display: inline-block;\r\n}\r\n\r\n// Add the correct display in iOS 4-7\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\n// Remove the border on iframes in all browsers (opinionated)\r\niframe {\r\n  border-style: none;\r\n}\r\n\r\n// 1. Remove the border on images inside links in IE 10.\r\n// 2. Responsive by default\r\nimg {\r\n  max-width: 100%; // 2\r\n  height: auto; // 2\r\n  border-style: none; // 1\r\n}\r\n\r\n// Change the fill color to match the text color in all browsers (opinionated)\r\nsvg:not([fill]) {\r\n  fill: currentColor;\r\n}\r\n\r\n// Hide the overflow in IE\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n","/**\r\n * Button\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\n// 3. Show the overflow in Edge\r\nbutton {\r\n  margin: 0; // 2\r\n  overflow: visible; // 3\r\n  font-family: inherit; // 1\r\n  text-transform: none; // 1\r\n}\r\n\r\n// Correct the inability to style clickable types in iOS and Safari\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n  -webkit-appearance: button;\r\n}\r\n\r\n// Remove the inner border and padding in Firefox\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbutton {\r\n  display: block;\r\n  width: 100%;\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n[role=\"button\"] {\r\n  display: inline-block;\r\n  text-decoration: none;\r\n}\r\n\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\n[role=\"button\"] {\r\n  --background-color: var(--primary);\r\n  --border-color: var(--primary);\r\n  --color: var(--primary-inverse);\r\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: 1rem;\r\n  line-height: var(--line-height);\r\n  text-align: center;\r\n  cursor: pointer;\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--primary-hover);\r\n    --border-color: var(--primary-hover);\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n    --color: var(--primary-inverse);\r\n  }\r\n\r\n  &:focus {\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n      0 0 0 var(--outline-width) var(--primary-focus);\r\n  }\r\n}\r\n\r\n// .secondary, .contrast & .outline\r\n@if $enable-classes {\r\n\r\n  // Secondary\r\n  button.secondary,\r\n  input[type=\"submit\"].secondary,\r\n  input[type=\"button\"].secondary,\r\n  input[type=\"reset\"],\r\n  [role=\"button\"].secondary {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n      --color: var(--secondary-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n\r\n  // Contrast\r\n  button.contrast,\r\n  input[type=\"submit\"].contrast,\r\n  input[type=\"button\"].contrast,\r\n  input[type=\"reset\"].contrast,\r\n  [role=\"button\"].contrast {\r\n    --background-color: var(--contrast);\r\n    --border-color: var(--contrast);\r\n    --color: var(--contrast-inverse);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--contrast-hover);\r\n      --border-color: var(--contrast-hover);\r\n      --color: var(--contrast-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--contrast-focus);\r\n    }\r\n  }\r\n\r\n  // Outline (primary)\r\n  button.outline,\r\n  input[type=\"submit\"].outline,\r\n  input[type=\"button\"].outline,\r\n  input[type=\"reset\"].outline,\r\n  [role=\"button\"].outline {\r\n    --background-color: transparent;\r\n    --color: var(--primary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: transparent;\r\n      --color: var(--primary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (secondary)\r\n  button.outline.secondary,\r\n  input[type=\"submit\"].outline.secondary,\r\n  input[type=\"button\"].outline.secondary,\r\n  input[type=\"reset\"].outline.secondary,\r\n  [role=\"button\"].outline.secondary {\r\n    --color: var(--secondary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (contrast)\r\n  button.outline.contrast,\r\n  input[type=\"submit\"].outline.contrast,\r\n  input[type=\"button\"].outline.contrast,\r\n  input[type=\"reset\"].outline.contrast,\r\n  [role=\"button\"].outline.contrast {\r\n    --color: var(--contrast);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--contrast-hover);\r\n    }\r\n  }\r\n}\r\n\r\n@else {\r\n  // Secondary button without .class\r\n  input[type=\"reset\"] {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n}\r\n\r\n// Button [disabled]\r\n// 1. Links without href are disabled by default\r\nbutton[disabled],\r\ninput[type=\"submit\"][disabled],\r\ninput[type=\"button\"][disabled],\r\ninput[type=\"reset\"][disabled],\r\na[role=\"button\"]:not([href]), // 1\r\n[role=\"button\"][disabled] {\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n}","/**\r\n * Form elements\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n  margin: 0; // 2\r\n  font-size: 1rem; // 1\r\n  line-height: var(--line-height); // 1\r\n  font-family: inherit; // 1\r\n  letter-spacing: inherit; // 2\r\n}\r\n\r\n// Show the overflow in IE.\r\ninput {\r\n  overflow: visible;\r\n}\r\n\r\n// Remove the inheritance of text transform in Edge, Firefox, and IE\r\nselect {\r\n  text-transform: none;\r\n}\r\n\r\n// 1. Correct the text wrapping in Edge and IE\r\n// 2. Correct the color inheritance from `fieldset` elements in IE\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n// `fieldset` elements in all browsers\r\nlegend {\r\n  max-width: 100%; // 1\r\n  padding: 0; // 3\r\n  color: inherit; // 2\r\n  white-space: normal; // 1\r\n}\r\n\r\n// 1. Remove the default vertical scrollbar in IE\r\ntextarea {\r\n  overflow: auto; // 1\r\n}\r\n\r\n// Remove the padding in IE 10\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  padding: 0;\r\n}\r\n\r\n// Correct the cursor style of increment and decrement buttons in Safari\r\n::-webkit-inner-spin-button,\r\n::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n// 1. Correct the odd appearance in Chrome and Safari\r\n// 2. Correct the outline style in Safari\r\n[type=\"search\"] {\r\n  -webkit-appearance: textfield; // 1\r\n  outline-offset: -2px; // 2\r\n}\r\n\r\n// Remove the inner padding in Chrome and Safari on macOS\r\n[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}\r\n\r\n// 1. Correct the inability to style clickable types in iOS and Safari\r\n// 2. Change font properties to `inherit` in Safari\r\n::-webkit-file-upload-button {\r\n  -webkit-appearance: button; // 1\r\n  font: inherit; // 2\r\n}\r\n\r\n// Remove the inner border and padding of focus outlines in Firefox\r\n::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n//  Remove the focus outline in Firefox\r\n:-moz-focusring {\r\n  outline: none;\r\n}\r\n\r\n// Remove the additional :invalid styles in Firefox\r\n:-moz-ui-invalid {\r\n  box-shadow: none;\r\n}\r\n\r\n// Change the inconsistent appearance in IE (opinionated)\r\n::-ms-expand {\r\n  display: none;\r\n}\r\n\r\n// Remove the border and padding in all browsers (opinionated)\r\n[type=\"file\"],\r\n[type=\"range\"] {\r\n  padding: 0;\r\n  border-width: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Force height for alternatives input types\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\r\n  height: calc(\r\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\r\n      (var(--border-width) * 2)\r\n  );\r\n}\r\n\r\n// Fieldset\r\nfieldset {\r\n  margin: 0;\r\n  margin-bottom: var(--spacing);\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n// Label & legend\r\nlabel,\r\nfieldset legend {\r\n  display: block;\r\n  margin-bottom: calc(var(--spacing) * 0.25);\r\n  font-weight: var(--form-label-font-weight, var(--font-weight));\r\n}\r\n\r\n// Blocks, 100%\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  width: 100%;\r\n}\r\n\r\n// Reset appearance (Not Checkboxes, Radios, Range and File)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\r\nselect,\r\ntextarea {\r\n  appearance: none;\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  vertical-align: middle;\r\n}\r\n\r\n// Commons styles\r\ninput,\r\nselect,\r\ntextarea {\r\n  --background-color: var(--form-element-background-color);\r\n  --border-color: var(--form-element-border-color);\r\n  --color: var(--form-element-color);\r\n  --box-shadow: none;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--form-element-active-background-color);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --border-color: var(--form-element-active-border-color);\r\n  }\r\n}\r\n\r\n// Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:focus {\r\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\r\n  }\r\n}\r\n\r\n// Disabled\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\r\nselect,\r\ntextarea {\r\n  &[disabled] {\r\n    --background-color: var(--form-element-disabled-background-color);\r\n    --border-color: var(--form-element-disabled-border-color);\r\n    opacity: var(--form-element-disabled-opacity);\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\ninput,\r\nselect,\r\ntextarea {\r\n\r\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n    &[aria-invalid] {\r\n      @if $enable-important {\r\n        padding-right: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\r\n        padding-inline-end: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n      } @else {\r\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal);\r\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n      }\r\n      background-position: center right 0.75rem;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    &[aria-invalid=\"false\"] {\r\n      background-image: var(--icon-valid);\r\n    }\r\n  \r\n    &[aria-invalid=\"true\"] {\r\n      background-image: var(--icon-invalid);\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n\r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-valid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-valid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n    \r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-invalid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-invalid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  input,\r\n  select,\r\n  textarea {\r\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      &[aria-invalid],\r\n      &[aria-invalid=\"true\"],\r\n      &[aria-invalid=\"false\"] {\r\n        background-position: center left 0.75rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Placeholder\r\ninput::placeholder,\r\ninput::-webkit-input-placeholder,\r\ntextarea::placeholder,\r\ntextarea::-webkit-input-placeholder,\r\nselect:invalid {\r\n  color: var(--form-element-placeholder-color);\r\n  opacity: 1;\r\n}\r\n\r\n// Margin bottom (Not Checkboxes and Radios)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n// Select\r\nselect {\r\n  // Unstyle the caret on `<select>`s in IE10+.\r\n  &::-ms-expand {\r\n    border: 0;\r\n    background-color: transparent;\r\n  }\r\n\r\n  &:not([multiple]):not([size]) {\r\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    padding-left: var(--form-element-spacing-horizontal);\r\n    padding-inline-start: var(--form-element-spacing-horizontal);\r\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    background-image: var(--icon-chevron);\r\n    background-position: center right 0.75rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  select {\r\n    &:not([multiple]):not([size]) {\r\n      background-position: center left 0.75rem;\r\n    }\r\n  }\r\n}\r\n\r\n// Helper\r\ninput,\r\nselect,\r\ntextarea {\r\n  + small {\r\n    display: block;\r\n    width: 100%;\r\n    margin-top: calc(var(--spacing) * -0.75);\r\n    margin-bottom: var(--spacing);\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n\r\n// Styles for Input inside a label\r\nlabel {\r\n  & > input,\r\n  & > select,\r\n  & > textarea {\r\n    margin-top: calc(var(--spacing) * 0.25);\r\n  }\r\n}\r\n","/**\r\n * Form elements\r\n * Checkboxes & Radios\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 1.25em;\r\n  height: 1.25em;\r\n  margin-top: -0.125em;\r\n  margin-right: 0.375em;\r\n  margin-left: 0;\r\n  margin-inline-start: 0;\r\n  margin-inline-end: 0.375em;\r\n  border-width: var(--border-width);\r\n  font-size: inherit;\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n\r\n  &::-ms-check {\r\n    display: none; // unstyle IE checkboxes\r\n  }\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-checkbox);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  & ~ label {\r\n    display: inline-block;\r\n    margin-right: 0.375em;\r\n    margin-bottom: 0;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n// Checkboxes\r\n[type=\"checkbox\"] {\r\n  &:indeterminate {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-minus);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Radios\r\n[type=\"radio\"] {\r\n  border-radius: 50%;\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary-inverse);\r\n    border-width: 0.35em;\r\n    background-image: none;\r\n  }\r\n}\r\n\r\n// Switchs\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --background-color: var(--switch-background-color);\r\n  --border-color: var(--switch-background-color);\r\n  --color: var(--switch-color);\r\n\r\n  // Config\r\n  $switch-height: 1.25em;\r\n  $switch-width: 2.25em;\r\n  $switch-transition: 0.1s ease-in-out;\r\n\r\n  // Styles\r\n  width: $switch-width;\r\n  height: $switch-height;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: $switch-height;\r\n  background-color: var(--background-color);\r\n  line-height: $switch-height;\r\n\r\n  &:focus {\r\n    --background-color: var(--switch-background-color);\r\n    --border-color: var(--switch-background-color);\r\n  }\r\n\r\n  &:checked {\r\n    --background-color: var(--switch-checked-background-color);\r\n    --border-color: var(--switch-checked-background-color);\r\n  }\r\n\r\n  &:before {\r\n    display: block;\r\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    background-color: var(--color);\r\n    content: \"\";\r\n\r\n    @if $enable-transitions {\r\n      transition: margin $switch-transition;\r\n    }\r\n  }\r\n\r\n  &:checked {\r\n    background-image: none;\r\n\r\n    &::before {\r\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\r\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\r\n    }\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\n[type=\"checkbox\"],\r\n[type=\"checkbox\"]:checked,\r\n[type=\"radio\"],\r\n[type=\"radio\"]:checked,\r\n[type=\"checkbox\"][role=\"switch\"],\r\n[type=\"checkbox\"][role=\"switch\"]:checked {\r\n  \r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n  }\r\n}","/**\r\n * Form elements\r\n * Alternatives input types (Not Checkboxes & Radios)\r\n */\r\n\r\n// Color\r\n[type=\"color\"] {\r\n  // Wrapper\r\n  @mixin color-wrapper {\r\n    padding: 0;\r\n  }\r\n\r\n  &::-webkit-color-swatch-wrapper {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  &::-moz-focus-inner {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  // Swatch\r\n  @mixin color-swatch {\r\n    border: none;\r\n    border-radius: calc(var(--border-radius) * 0.5);\r\n  }\r\n\r\n  &::-webkit-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n\r\n  &::-moz-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n}\r\n\r\n// Date & Time\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n  &[type=\"date\"],\r\n  &[type=\"datetime-local\"],\r\n  &[type=\"month\"],\r\n  &[type=\"time\"],\r\n  &[type=\"week\"] {\r\n    --icon-position: 0.75rem;\r\n    --icon-width: 1rem;\r\n    padding-right: calc(var(--icon-width) + var(--icon-position));\r\n    background-image: var(--icon-date);\r\n    background-position: center right var(--icon-position);\r\n    background-size: var(--icon-width) auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  // Time\r\n  &[type=\"time\"] {\r\n    background-image: var(--icon-time);\r\n  }\r\n}\r\n\r\n// Calendar picker\r\n[type=\"date\"],\r\n[type=\"datetime-local\"],\r\n[type=\"month\"],\r\n[type=\"time\"],\r\n[type=\"week\"] {\r\n  &::-webkit-calendar-picker-indicator {\r\n    width: var(--icon-width);\r\n    margin-right: calc(var(--icon-width) * -1);\r\n    margin-left: var(--icon-position);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  [type=\"date\"],\r\n  [type=\"datetime-local\"],\r\n  [type=\"month\"],\r\n  [type=\"time\"],\r\n  [type=\"week\"] {\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n// File\r\n[type=\"file\"] {\r\n  --color: var(--muted-color);\r\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\r\n  border: none;\r\n  border-radius: 0;\r\n  background: none;\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    border: none;\r\n    background: none;\r\n  }\r\n\r\n  @mixin file-selector-button {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    margin-right: calc(var(--spacing) / 2);\r\n    margin-left: 0;\r\n    margin-inline-start: 0;\r\n    margin-inline-end: calc(var(--spacing) / 2);\r\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\r\n      calc(var(--form-element-spacing-horizontal) * 0.5);\r\n    border: var(--border-width) solid var(--border-color);\r\n    border-radius: var(--border-radius);\r\n    outline: none;\r\n    background-color: var(--background-color);\r\n    box-shadow: var(--box-shadow);\r\n    color: var(--color);\r\n    font-weight: var(--font-weight);\r\n    font-size: 1rem;\r\n    line-height: var(--line-height);\r\n    text-align: center;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        border-color var(--transition), color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  &::file-selector-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-webkit-file-upload-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-ms-browse {\r\n    @include file-selector-button;\r\n  }\r\n}\r\n\r\n// Range\r\n[type=\"range\"] {\r\n  // Config\r\n  $height-track: 0.25rem;\r\n  $height-thumb: 1.25rem;\r\n  $border-thumb: 2px;\r\n\r\n  // Styles\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: $height-thumb;\r\n  background: transparent;\r\n\r\n  // Slider Track\r\n  @mixin slider-track {\r\n    width: 100%;\r\n    height: $height-track;\r\n    border-radius: var(--border-radius);\r\n    background-color: var(--range-border-color);\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n  }\r\n\r\n  &::-webkit-slider-runnable-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-moz-range-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-ms-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  // Slider Thumb\r\n  @mixin slider-thumb {\r\n    -webkit-appearance: none;\r\n    width: $height-thumb;\r\n    height: $height-thumb;\r\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\r\n    border: $border-thumb solid var(--range-thumb-border-color);\r\n    border-radius: 50%;\r\n    background-color: var(--range-thumb-color);\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        transform var(--transition);\r\n    }\r\n  }\r\n  &::-webkit-slider-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-moz-range-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-ms-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    --range-border-color: var(--range-active-border-color);\r\n    --range-thumb-color: var(--range-thumb-hover-color);\r\n  }\r\n\r\n  &:active {\r\n    --range-thumb-color: var(--range-thumb-active-color);\r\n\r\n    // Slider Thumb\r\n    &::-webkit-slider-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-moz-range-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-ms-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n  }\r\n}\r\n\r\n// Search\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n  &[type=\"search\"] {\r\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\r\n    border-radius: 5rem;\r\n    background-image: var(--icon-search);\r\n    background-position: center left 1.125rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Cancel button\r\n[type=\"search\"] {\r\n  &::-webkit-search-cancel-button {\r\n    -webkit-appearance: none;\r\n    display: none;\r\n  }\r\n}\r\n","/**\r\n * Table\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Collapse border spacing in all browsers (opinionated).\r\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\r\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\r\ntable {\r\n  width: 100%;\r\n  border-color: inherit; // 2\r\n  border-collapse: collapse; // 1\r\n  border-spacing: 0;\r\n  text-indent: 0; // 3\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Cells\r\nth,\r\ntd {\r\n  padding: calc(var(--spacing) / 2) var(--spacing);\r\n  border-bottom: var(--border-width) solid var(--table-border-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  text-align: left;\r\n  text-align: start;\r\n}\r\n\r\n// Footer\r\ntfoot {\r\n  th,\r\n  td {\r\n    border-top: var(--border-width) solid var(--table-border-color);\r\n    border-bottom: 0;\r\n  }\r\n}\r\n\r\n// Striped\r\ntable {\r\n  &[role=\"grid\"] {\r\n    tbody tr:nth-child(odd) {\r\n      background-color: var(--table-row-stripped-background-color);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Code\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Correct the inheritance and scaling of font size in all browsers\r\n// 2. Correct the font sizing in all browsers\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  font-size: 0.875em; // 2\r\n  font-family: var(--font-family); // 1\r\n}\r\n\r\n// Prevent overflow of the container in all browsers (opinionated)\r\npre {\r\n  -ms-overflow-style: scrollbar;\r\n  overflow: auto;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\npre,\r\ncode,\r\nkbd {\r\n  border-radius: var(--border-radius);\r\n  background: var(--code-background-color);\r\n  color: var(--code-color);\r\n  font-weight: var(--font-weight);\r\n  line-height: initial;\r\n}\r\n\r\ncode,\r\nkbd {\r\n  display: inline-block;\r\n  padding: 0.375rem 0.5rem;\r\n}\r\n\r\npre {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  overflow-x: auto;\r\n\r\n  > code {\r\n    display: block;\r\n    padding: var(--spacing);\r\n    background: transparent;\r\n    font-size: 14px;\r\n    line-height: var(--line-height);\r\n  }\r\n}\r\n\r\n// Code Syntax\r\ncode {\r\n  // Tags\r\n  b {\r\n    color: var(--code-tag-color);\r\n    font-weight: var(--font-weight);\r\n  }\r\n\r\n  // Properties\r\n  i {\r\n    color: var(--code-property-color);\r\n    font-style: normal;\r\n  }\r\n\r\n  // Values\r\n  u {\r\n    color: var(--code-value-color);\r\n    text-decoration: none;\r\n  }\r\n\r\n  // Comments\r\n  em {\r\n    color: var(--code-comment-color);\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// kbd\r\nkbd {\r\n  background-color: var(--code-kbd-background-color);\r\n  color: var(--code-kbd-color);\r\n  vertical-align: baseline;\r\n}\r\n","/**\r\n * Miscs\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct box sizing in Firefox\r\n// 2. Show the overflow in Edge and IE\r\nhr {\r\n  box-sizing: content-box; // 1\r\n  height: 0; // 1\r\n  overflow: visible; // 2\r\n  border: none;\r\n  border-top: 1px solid var(--muted-border-color);\r\n}\r\n\r\n// Add the correct display in IE 10+\r\n[hidden],\r\ntemplate {\r\n  @if $enable-important {\r\n    display: none !important;\r\n  } @else {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Add the correct display in IE 9-\r\ncanvas {\r\n  display: inline-block;\r\n}\r\n","/**\r\n * Accordion (<details>)\r\n */\r\n\r\ndetails {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  padding-bottom: calc(var(--spacing) * 0.5);\r\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\r\n\r\n  summary {\r\n    color: var(--accordion-close-summary-color);\r\n    line-height: 1rem;\r\n    list-style-type: none;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: color var(--transition);\r\n    }\r\n\r\n    // Reset marker\r\n    &::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    &::marker {\r\n      display: none;\r\n    }\r\n\r\n    &::-moz-list-bullet {\r\n      list-style-type: none;\r\n    }\r\n\r\n    // Marker\r\n    &::after {\r\n      display: block;\r\n      width: 1rem;\r\n      height: 1rem;\r\n      float: right;\r\n      transform: rotate(-90deg);\r\n      background-image: var(--icon-chevron);\r\n      background-position: center;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n      content: \"\";\r\n\r\n      @if $enable-transitions {\r\n        transition: transform var(--transition);\r\n      }\r\n    }\r\n\r\n    &:focus {\r\n      outline: none;\r\n      color: var(--accordion-active-summary-color);\r\n    }\r\n\r\n    ~ * {\r\n      margin-top: calc(var(--spacing) * 0.5);\r\n\r\n      ~ * {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Open\r\n  &[open] {\r\n    > summary {\r\n      margin-bottom: calc(var(--spacing) * 0.25);\r\n\r\n      &:not(:focus) {\r\n        color: var(--accordion-open-summary-color);\r\n      }\r\n\r\n      &::after {\r\n        transform: rotate(0);\r\n      } \r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  details {\r\n    summary {\r\n      &::after {\r\n        float: left;\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Card (<article>)\r\n */\r\n\r\narticle {\r\n  margin: var(--block-spacing-vertical) 0;\r\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n  overflow: hidden;\r\n  border-radius: var(--border-radius);\r\n  background: var(--card-background-color);\r\n  box-shadow: var(--card-box-shadow);\r\n\r\n  > header,\r\n  > footer {\r\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\r\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\r\n    padding: calc(var(--block-spacing-vertical) * 0.66)\r\n      var(--block-spacing-horizontal);\r\n    background-color: var(--card-sectionning-background-color);\r\n  }\r\n\r\n  > header {\r\n    margin-top: calc(var(--block-spacing-vertical) * -1);\r\n    margin-bottom: var(--block-spacing-vertical);\r\n    border-bottom: var(--border-width) solid var(--card-border-color);\r\n  }\r\n\r\n  > footer {\r\n    margin-top: var(--block-spacing-vertical);\r\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\r\n    border-top: var(--border-width) solid var(--card-border-color);\r\n  }\r\n}\r\n","/**\r\n * Modal (<dialog>)\r\n */\r\n\r\n:root {\r\n  --scrollbar-width: 0px;\r\n}\r\n\r\ndialog {\r\n  display: flex;\r\n  z-index: 999;\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: inherit;\r\n  min-width: 100%;\r\n  height: inherit;\r\n  min-height: 100%;\r\n  padding: var(--spacing);\r\n  border: none;\r\n  background-color: var(--modal-overlay-background-color);\r\n\r\n  // Content\r\n  article {\r\n    max-height: calc(100vh - var(--spacing) * 2);\r\n    overflow: auto;\r\n\r\n    @if map-get($breakpoints, 'sm') {\r\n      @media (min-width: map-get($breakpoints, 'sm')) {\r\n        max-width: map-get($viewports, 'sm');\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, 'md') {\r\n      @media (min-width: map-get($breakpoints, 'md')) {\r\n        max-width: map-get($viewports, 'md');\r\n      }\r\n    }\r\n\r\n    > header,\r\n    > footer {\r\n      padding: calc(var(--block-spacing-vertical) * 0.5)\r\n        var(--block-spacing-horizontal);\r\n    }\r\n\r\n    > header {\r\n      .close {\r\n        margin: 0;\r\n        margin-left: var(--spacing);\r\n        float: right;\r\n      }\r\n    }\r\n\r\n    > footer {\r\n      text-align: right;\r\n\r\n      [role='button'] {\r\n        margin-bottom: 0;\r\n\r\n        &:not(:first-of-type) {\r\n          margin-left: calc(var(--spacing) * 0.5);\r\n        }\r\n      }\r\n    }\r\n\r\n    p {\r\n      &:last-of-type {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    // Close icon\r\n    @if $enable-classes {\r\n      .close {\r\n        display: block;\r\n        width: 1rem;\r\n        height: 1rem;\r\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\r\n        margin-bottom: var(--typography-spacing-vertical);\r\n        margin-left: auto;\r\n        background-image: var(--icon-close);\r\n        background-position: center;\r\n        background-size: auto 1rem;\r\n        background-repeat: no-repeat;\r\n        opacity: 0.5;\r\n\r\n        @if $enable-transitions {\r\n          transition: opacity var(--transition);\r\n        }\r\n\r\n        &:hover,\r\n        &:active,\r\n        &:focus {\r\n          opacity: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Closed state\r\n  &:not([open]),\r\n  &[open='false'] {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Utilities\r\n@if $enable-classes {\r\n  .modal-is-open {\r\n    padding-right: var(--scrollbar-width, 0px);\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n\r\n    dialog {\r\n      pointer-events: auto;\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if ($enable-classes and $enable-transitions) {\r\n  $animation-duration: 0.2s;\r\n\r\n  .modal-is-opening,\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-duration: $animation-duration;\r\n      animation-timing-function: ease-in-out;\r\n      animation-fill-mode: both;\r\n    }\r\n\r\n    dialog {\r\n      animation-duration: ($animation-duration * 4);\r\n      animation-name: fadeIn;\r\n\r\n      > article {\r\n        animation-delay: $animation-duration;\r\n        animation-name: slideInDown;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-delay: 0s;\r\n      animation-direction: reverse;\r\n    }\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    from {\r\n      background-color: transparent;\r\n    }\r\n    to {\r\n      background-color: var(--modal-overlay-background-color);\r\n    }\r\n  }\r\n\r\n  @keyframes slideInDown {\r\n    from {\r\n      transform: translateY(-100%);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Nav\r\n */\r\n\r\n// Horizontal Nav\r\nnav,\r\nnav ul {\r\n  display: flex;\r\n}\r\n\r\nnav {\r\n  justify-content: space-between;\r\n\r\n  ol,\r\n  ul {\r\n    align-items: center;\r\n    margin-bottom: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n\r\n    &:first-of-type {\r\n      margin-left: calc(var(--spacing) * -0.5);\r\n    }\r\n    &:last-of-type {\r\n      margin-right: calc(var(--spacing) * -0.5);\r\n    }\r\n  }\r\n\r\n  li {\r\n    display: inline-block;\r\n    margin: 0;\r\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n\r\n    // HACK: Input & Button inside Nav\r\n    > *,\r\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  a {\r\n    display: block;\r\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\r\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n    border-radius: var(--border-radius);\r\n    text-decoration: none;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      text-decoration: none;\r\n    }\r\n  }\r\n\r\n  &[aria-label=\"breadcrumb\"] {\r\n    align-items: center;\r\n    justify-content: left;\r\n\r\n    & ul li {\r\n      padding-inline-start: 0;\r\n\r\n      &:not(:last-child) {\r\n        a::after {\r\n          padding-inline-start: 0.5rem;\r\n          content: \"/\";\r\n          color: var(--muted-color);\r\n        }\r\n      }\r\n    }\r\n\r\n    & a[aria-current=\"page\"] {\r\n      color: inherit;\r\n    }\r\n  }\r\n}\r\n\r\n// Vertical Nav\r\naside {\r\n  nav,\r\n  ol,\r\n  ul,\r\n  li {\r\n    display: block;\r\n  }\r\n\r\n  li {\r\n    padding: calc(var(--spacing) * 0.5);\r\n\r\n    a {\r\n      margin: calc(var(--spacing) * -0.5);\r\n      padding: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Progress\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct display in Edge 18- and IE\r\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\r\nprogress {\r\n  display: inline-block; // 1\r\n  vertical-align: baseline; // 2\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nprogress {\r\n  // Reset the default appearance\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n\r\n  // Styles\r\n  display: inline-block;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: 0.5rem;\r\n  margin-bottom: calc(var(--spacing) * 0.5);\r\n  overflow: hidden;\r\n\r\n  // Remove Firefox and Opera border\r\n  border: 0;\r\n  border-radius: var(--border-radius);\r\n  background-color: var(--progress-background-color);\r\n\r\n  // IE10 uses `color` to set the bar background-color\r\n  color: var(--progress-color);\r\n\r\n  &::-webkit-progress-bar {\r\n    border-radius: var(--border-radius);\r\n    background: transparent;\r\n  }\r\n  &[value]::-webkit-progress-value {\r\n    background-color: var(--progress-color);\r\n  }\r\n  &::-moz-progress-bar {\r\n    background-color: var(--progress-color);\r\n  }\r\n\r\n  // Indeterminate state\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    &:indeterminate {\r\n      background: var(--progress-background-color)\r\n        linear-gradient(\r\n          to right,\r\n          var(--progress-color) 30%,\r\n          var(--progress-background-color) 30%\r\n        )\r\n        top left / 150% 150% no-repeat;\r\n      animation: progressIndeterminate 1s linear infinite;\r\n\r\n      &[value]::-webkit-progress-value {\r\n        background-color: transparent;\r\n      }\r\n      &::-moz-progress-bar {\r\n        background-color: transparent;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes progressIndeterminate {\r\n  0% {\r\n    background-position: 200% 0;\r\n  }\r\n  100% {\r\n    background-position: -200% 0;\r\n  }\r\n}\r\n","/**\r\n * Loading ([aria-busy=true])\r\n */\r\n\r\n\r\n// Cursor\r\n[aria-busy=\"true\"] {\r\n  cursor: progress;\r\n}\r\n\r\n// Everyting except form elements\r\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\r\n\r\n  &::before {\r\n    display: inline-block;\r\n    width: 1em;\r\n    height: 1em;\r\n    border: 0.1875em solid currentColor;\r\n    border-radius: 1em;\r\n    border-right-color: transparent;\r\n    content: '';\r\n    vertical-align: text-bottom;\r\n    vertical-align: -.125em; // Visual alignment\r\n    animation: spinner 0.75s linear infinite;\r\n    opacity: var(--loading-spinner-opacity);\r\n  }\r\n\r\n  &:not(:empty) {\r\n    &::before {\r\n      margin-right: calc(var(--spacing) * 0.5);\r\n      margin-left: 0;\r\n      margin-inline-start: 0;\r\n      margin-inline-end: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n\r\n  &:empty {\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n// Buttons and links\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\na {\r\n  &[aria-busy=\"true\"] {\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n// Animation: rotate\r\n@keyframes spinner {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n","/**\r\n * Tooltip ([data-tooltip])\r\n */\r\n\r\n[data-tooltip] {\r\n  position: relative;\r\n\r\n  &:not(a):not(button):not(input) {\r\n    border-bottom: 1px dotted;\r\n    text-decoration: none;\r\n    cursor: help;\r\n  }\r\n\r\n  &::before,\r\n  &::after {\r\n    display: block;\r\n    z-index: 99;\r\n    position: absolute;\r\n    bottom: 100%;\r\n    left: 50%;\r\n    padding: .25rem .5rem;\r\n    overflow: hidden;\r\n    transform: translate(-50%, -.25rem);\r\n    border-radius: var(--border-radius);\r\n    background: var(--tooltip-background-color);\r\n    content: attr(data-tooltip);\r\n    color: var(--tooltip-color);\r\n    font-style: normal;\r\n    font-weight: var(--font-weight);\r\n    font-size: .875rem;\r\n    text-decoration: none;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  // Caret\r\n  &::after {\r\n    padding: 0;\r\n    transform: translate(-50%, 0rem);\r\n    border-top: .3rem solid;\r\n    border-right: .3rem solid transparent;\r\n    border-left: .3rem solid transparent;\r\n    border-radius: 0;\r\n    background-color: transparent;\r\n    content: '';\r\n    color: var(--tooltip-background-color);\r\n  }\r\n\r\n  // Display\r\n  &:focus,\r\n  &:hover {\r\n    &::before,\r\n    &::after {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  // Animations, excluding touch devices\r\n  @if $enable-transitions {\r\n    @media (hover: hover) and (pointer: fine) {\r\n      &:focus,\r\n      &:hover {\r\n        &::before,\r\n        &::after {\r\n          animation-duration: .2s;\r\n          animation-name: slide;\r\n        }\r\n\r\n        &::after {\r\n          animation-name: slideCaret; \r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if $enable-transitions {\r\n  @keyframes slide {\r\n    from {\r\n      transform: translate(-50%, .75rem);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translate(-50%, -.25rem);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @keyframes slideCaret {\r\n    from {\r\n      opacity: 0;\r\n    }\r\n    50% {\r\n      transform: translate(-50%, -.25rem);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translate(-50%, 0rem);\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Accessibility & User interaction\r\n */\r\n\r\n\r\n// Based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Accessibility\r\n\r\n// Change the cursor on control elements in all browsers (opinionated)\r\n[aria-controls] {\r\n  cursor: pointer;\r\n}\r\n\r\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\r\n[aria-disabled=\"true\"],\r\n[disabled] {\r\n  cursor: not-allowed;\r\n}\r\n\r\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\r\n[aria-hidden=\"false\"][hidden] {\r\n  display: initial;\r\n}\r\n\r\n[aria-hidden=\"false\"][hidden]:not(:focus) {\r\n  clip: rect(0, 0, 0, 0);\r\n  position: absolute;\r\n}\r\n\r\n// User interaction\r\n// Remove the tapping delay in IE 10\r\na,\r\narea,\r\nbutton,\r\ninput,\r\nlabel,\r\nselect,\r\nsummary,\r\ntextarea,\r\n[tabindex] {\r\n  -ms-touch-action: manipulation;\r\n}\r\n\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n[dir=\"rtl\"] {\r\n  direction: rtl;\r\n}\r\n","@if $enable-transitions and $enable-important {\r\n\r\n/**\r\n * Reduce Motion Features\r\n */\r\n\r\n\r\n  // Based on :\r\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n  // ––––––––––––––––––––\r\n\r\n  // 1. Remove animations when motion is reduced (opinionated)\r\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\r\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\r\n  // 4. Remove transitions when motion is reduced (opinionated)\r\n  @media (prefers-reduced-motion: reduce) {\r\n    *:not([aria-busy=\"true\"]),\r\n    :not([aria-busy=\"true\"])::before,\r\n    :not([aria-busy=\"true\"])::after {\r\n      background-attachment: initial !important; // 2\r\n      animation-duration: 1ms !important; // 1\r\n      animation-delay: -1ms !important; // 1\r\n      animation-iteration-count: 1 !important; // 1\r\n      scroll-behavior: auto !important; // 3\r\n      transition-delay: 0s !important; // 4\r\n      transition-duration: 0s !important; // 4\r\n    }\r\n  }\r\n}\r\n"]}
\ No newline at end of file
diff --git a/css/pico.css b/css/pico.css
index dc02a3e4..7c0ca6ce 100644
--- a/css/pico.css
+++ b/css/pico.css
@@ -198,7 +198,6 @@ kbd {
 
 [data-theme=light],
 :root:not([data-theme=dark]) {
-  color-scheme: light;
   --background-color: #fff;
   --color: #415462;
   --h1-color: #1b2832;
@@ -288,11 +287,11 @@ kbd {
   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+  color-scheme: light;
 }
 
 @media only screen and (prefers-color-scheme: dark) {
   :root:not([data-theme=light]) {
-    color-scheme: dark;
     --background-color: #11191f;
     --color: #bbc6ce;
     --h1-color: #edf0f3;
@@ -383,10 +382,10 @@ kbd {
     --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
     --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
     --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+    color-scheme: dark;
   }
 }
 [data-theme=dark] {
-  color-scheme: dark;
   --background-color: #11191f;
   --color: #bbc6ce;
   --h1-color: #edf0f3;
@@ -477,6 +476,7 @@ kbd {
   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+  color-scheme: dark;
 }
 
 /**
@@ -2247,6 +2247,23 @@ nav a {
 nav a:hover, nav a:active, nav a:focus {
   text-decoration: none;
 }
+nav[aria-label=breadcrumb] {
+  align-items: center;
+  justify-content: left;
+}
+nav[aria-label=breadcrumb] ul li {
+  -webkit-padding-start: 0;
+  padding-inline-start: 0;
+}
+nav[aria-label=breadcrumb] ul li:not(:last-child) a::after {
+  -webkit-padding-start: 0.5rem;
+  padding-inline-start: 0.5rem;
+  content: "/";
+  color: var(--muted-color);
+}
+nav[aria-label=breadcrumb] a[aria-current=page] {
+  color: inherit;
+}
 
 aside nav,
 aside ol,
diff --git a/css/pico.css.map b/css/pico.css.map
index b2844233..64a94992 100644
--- a/css/pico.css.map
+++ b/css/pico.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.css","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup,\n.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\n\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary: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::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  padding-right: var(--scrollbar-width, 0px);\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: both;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-duration: 0.8s;\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-delay: 0.2s;\n  animation-name: slideInDown;\n}\n\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-delay: 0s;\n  animation-direction: reverse;\n}\n\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n        padding-right: 0;\n        padding-left: 0;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if ($enable-classes and $enable-grid) {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\n@if $enable-classes == false {\n  hgroup {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n@if $enable-classes {\n  hgroup,\n  .headings {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n    --color: var(--primary-inverse);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n\n  // Contrast\n  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--contrast-focus);\n    }\n  }\n\n  // Outline (primary)\n  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n}\n\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-valid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n    \n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-invalid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Footer\ntfoot {\n  th,\n  td {\n    border-top: var(--border-width) solid var(--table-border-color);\n    border-bottom: 0;\n  }\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/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":["/*!\r\n * Pico.css v1.4.4 (https://picocss.com)\r\n * Copyright 2019-2021 - Licensed under MIT\r\n */\r\n\r\n// Config\r\n@import \"variables\";\r\n\r\n// Theming\r\n@import \"themes/default\";\r\n\r\n// Layout\r\n@import \"layout/document\"; // html\r\n@import \"layout/sectioning\"; // body, header, main, footer\r\n@import \"layout/container\"; // .container, .container-fluid\r\n@import \"layout/section\"; // section\r\n@import \"layout/grid\"; // .grid\r\n@import \"layout/scroller\"; // figure\r\n\r\n// Content\r\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\r\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\r\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\r\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\r\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\r\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\r\n@import \"content/table\"; // table, tr, td, ...\r\n@import \"content/code\"; // pre, code, ...\r\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\r\n\r\n// Components\r\n@import \"components/accordion\"; // details, summary\r\n@import \"components/card\"; // article\r\n@import \"components/modal\"; // dialog\r\n@import \"components/nav\"; // nav\r\n@import \"components/progress\"; // progress\r\n\r\n// Utilities\r\n@import \"utilities/loading\"; // aria-busy=true\r\n@import \"utilities/tooltip\"; // data-tooltip\r\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\r\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\r\n","/**\r\n * Theme: default\r\n */\r\n\r\n// Variables\r\n@import \"../variables\";\r\n@import \"default/colors\";\r\n\r\n// Commons styles\r\n@import \"default/styles\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"default/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"default/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n  :root:not([data-theme=\"light\"]) {\r\n    @include dark;\r\n  }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n  @include dark;\r\n}\r\n","// Commons Styles\r\n:root {\r\n  // Typography\r\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n  --line-height: 1.5;\r\n  --font-weight: 400;\r\n  --font-size: 16px;\r\n\r\n  // Responsive typography\r\n  @if $enable-responsive-typography {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --font-size: 17px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --font-size: 18px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --font-size: 19px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Borders\r\n  --border-radius: 0.25rem;\r\n  --border-width: 1px;\r\n  --outline-width: 3px;\r\n\r\n  // Spacings\r\n  --spacing: 1rem;\r\n\r\n  // Spacings for typography elements\r\n  --typography-spacing-vertical: 1.5rem;\r\n\r\n  // Spacings for body > header, body > main, body > footer, section, article\r\n  --block-spacing-vertical: calc(var(--spacing) * 2);\r\n  --block-spacing-horizontal: var(--spacing);\r\n\r\n  @if ($enable-classes and $enable-grid) {\r\n    --grid-spacing-vertical: 0;\r\n    --grid-spacing-horizontal: var(--spacing);\r\n  }\r\n\r\n  // Spacings for form elements and button\r\n  --form-element-spacing-vertical: 0.75rem;\r\n  --form-element-spacing-horizontal: 1rem;\r\n\r\n  // Font weight for form labels & fieldsets legend\r\n  --form-label-font-weight: var(--font-weight);\r\n\r\n  // Transitions\r\n  --transition: 0.2s ease-in-out;\r\n}\r\n\r\n// Responsives spacings\r\n@if $enable-responsive-spacings {\r\n  // Sectionning\r\n  body > header,\r\n  body > main,\r\n  body > footer,\r\n  section {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 4);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Card (<article>)\r\n  article {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Modal\r\n  dialog > article {\r\n\r\n    --block-spacing-vertical: calc(var(--spacing) * 2);\r\n    --block-spacing-horizontal: var(--spacing);\r\n\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Link\r\na {\r\n  --text-decoration: none;\r\n\r\n  // Secondary & Contrast\r\n  @if $enable-classes {\r\n    &.secondary,\r\n    &.contrast {\r\n      --text-decoration: underline;\r\n    }\r\n  }\r\n}\r\n\r\n// Small\r\nsmall {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  --font-weight: 700;\r\n}\r\n\r\nh1 {\r\n  --font-size: 2rem;\r\n  --typography-spacing-vertical: 3rem;\r\n}\r\n\r\nh2 {\r\n  --font-size: 1.75rem;\r\n  --typography-spacing-vertical: 2.625rem;\r\n}\r\n\r\nh3 {\r\n  --font-size: 1.5rem;\r\n  --typography-spacing-vertical: 2.25rem;\r\n}\r\n\r\nh4 {\r\n  --font-size: 1.25rem;\r\n  --typography-spacing-vertical: 1.874rem;\r\n}\r\n\r\nh5 {\r\n  --font-size: 1.125rem;\r\n  --typography-spacing-vertical: 1.6875rem;\r\n}\r\n\r\n// Forms elements\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  --border-width: 2px;\r\n}\r\n\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --border-width: 3px;\r\n}\r\n\r\n// Table\r\nthead,\r\ntfoot {\r\n  th,\r\n  td {\r\n    --border-width: 3px;\r\n  }\r\n}\r\n\r\n:not(thead):not(tfoot) > * > td {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Code\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\r\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\r\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nkbd {\r\n  --font-weight: bolder;\r\n}\r\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    color-scheme: dark;\n  }\n}\n[data-theme=dark] {\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: dark;\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup,\n.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\n\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary: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::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  padding-right: var(--scrollbar-width, 0px);\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: both;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-duration: 0.8s;\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-delay: 0.2s;\n  animation-name: slideInDown;\n}\n\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-delay: 0s;\n  animation-direction: reverse;\n}\n\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\nnav[aria-label=breadcrumb] {\n  align-items: center;\n  justify-content: left;\n}\nnav[aria-label=breadcrumb] ul li {\n  padding-inline-start: 0;\n}\nnav[aria-label=breadcrumb] ul li:not(:last-child) a::after {\n  padding-inline-start: 0.5rem;\n  content: \"/\";\n  color: var(--muted-color);\n}\nnav[aria-label=breadcrumb] a[aria-current=page] {\n  color: inherit;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.css.map */\n","// Default: Light theme\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --background-color: #{$white};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-700};\r\n  --h1-color: #{$grey-900};\r\n  --h2-color: #{mix($grey-900, $grey-800)};\r\n  --h3-color: #{$grey-800};\r\n  --h4-color: #{mix($grey-800, $grey-700)};\r\n  --h5-color: #{$grey-700};\r\n  --h6-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{$grey-50};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-700};\r\n  --primary-focus: #{rgba($primary-600, 0.125)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-700};\r\n  --secondary-focus: #{rgba($grey-600, 0.125)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-900};\r\n  --contrast-hover: #{$black};\r\n  --contrast-focus: #{rgba($grey-600, 0.125)};\r\n  --contrast-inverse: #{$white};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($amber-100, $amber-50)};\r\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: transparent;\r\n  --form-element-border-color: #{$grey-300};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: transparent;\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-100};\r\n  --form-element-disabled-border-color: #{$grey-300};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-800};\r\n  --form-element-invalid-active-border-color: #{$red-700};\r\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\r\n  --form-element-valid-border-color: #{$green-700};\r\n  --form-element-valid-active-border-color: #{$green-600};\r\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{$grey-200};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{$grey-100};\r\n  --range-active-border-color: #{$grey-200};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\r\n\r\n  // Code\r\n  --code-background-color: #{$grey-50};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 40%, 50%)};\r\n  --code-property-color: #{hsl(185, 40%, 40%)};\r\n  --code-value-color: #{hsl(40, 20%, 50%)};\r\n  --code-comment-color: #{$grey-300};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: var(--background-color);\r\n  --card-border-color: var(--muted-border-color);\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\r\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\r\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\r\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{$grey-100};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: light;\r\n}\r\n","// Default: Dark theme\r\n@mixin dark {\r\n  --background-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-200};\r\n  --h1-color: #{$grey-50};\r\n  --h2-color: #{mix($grey-100, $grey-50)};\r\n  --h3-color: #{$grey-100};\r\n  --h4-color: #{mix($grey-200, $grey-100)};\r\n  --h5-color: #{$grey-200};\r\n  --h6-color: #{mix($grey-300, $grey-200)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-500};\r\n  --primary-focus: #{rgba($primary-600, 0.25)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-500};\r\n  --secondary-focus: #{rgba($grey-500, 0.25)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-50};\r\n  --contrast-hover: #{$white};\r\n  --contrast-focus: #{rgba($grey-500, 0.25)};\r\n  --contrast-inverse: #{$black};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($grey-300, $amber-300)};\r\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\r\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: var(--form-element-background-color);\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-800};\r\n  --form-element-disabled-border-color: #{$grey-700};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-900};\r\n  --form-element-invalid-active-border-color: #{$red-800};\r\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\r\n  --form-element-valid-border-color: #{$green-800};\r\n  --form-element-valid-active-border-color: #{$green-700};\r\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{mix($grey-800, $grey-700)};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{mix($grey-900, $grey-800)};\r\n  --range-active-border-color: #{$grey-800};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\r\n\r\n  // Code\r\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 30%, 50%)};\r\n  --code-property-color: #{hsl(185, 30%, 50%)};\r\n  --code-value-color: #{hsl(40, 10%, 50%)};\r\n  --code-comment-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-active-summary-color: var(--primary);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: #{mix($black, $grey-900, 25%)};\r\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\r\n    0 0.125rem 2rem #{rgba($black, 0.12)},\r\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\r\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{mix($grey-900, $grey-800)};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: dark;\r\n}\r\n","/**\r\n * Document\r\n * Content-box & Responsive typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box; // 1\r\n}\r\n\r\n// 1. Add text decoration inheritance in all browsers (opinionated)\r\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\r\n::before,\r\n::after {\r\n  text-decoration: inherit; // 1\r\n  vertical-align: inherit; // 2\r\n}\r\n\r\n// 1. Correct the line height in all browsers\r\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\n// 3. Change the default tap highlight to be completely transparent in iOS\r\n// 4. Use the default cursor in all browsers (opinionated)\r\n// 5. Use a 4-space tab width in all browsers (opinionated)\r\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\nhtml {\r\n  -webkit-text-size-adjust: 100%; // 2\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\r\n  -ms-text-size-adjust: 100%; // 6\r\n  text-rendering: optimizeLegibility;\r\n  background-color: var(--background-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  line-height: var(--line-height); // 1\r\n  font-family: var(--font-family);\r\n  cursor: default; // 4\r\n  tab-size: 4; // 5\r\n}\r\n","/**\r\n * Sectioning\r\n * Container and responsive spacings for header, main, footer\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Render the `main` element consistently in IE\r\nmain {\r\n  display: block;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbody {\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  > header,\r\n  > main,\r\n  > footer {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n\r\n    // Semantic container\r\n    @if $enable-semantic-container {\r\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n\r\n      // Centered viewport\r\n      @if $enable-viewport {\r\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"sm\")) {\r\n            max-width: map-get($viewports, \"sm\");\r\n            padding-right: 0;\r\n            padding-left: 0;\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"md\")) {\r\n            max-width: map-get($viewports, \"md\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"lg\")) {\r\n            max-width: map-get($viewports, \"lg\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"xl\")) {\r\n            max-width: map-get($viewports, \"xl\");\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Semantic container\r\n    @else {\r\n      padding: var(--block-spacing-vertical) 0;\r\n    }\r\n  }\r\n}\r\n","@if ($enable-class-container and $enable-classes) {\r\n  /**\r\n * Container\r\n */\r\n\r\n  .container,\r\n  .container-fluid {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    padding-right: var(--spacing);\r\n    padding-left: var(--spacing);\r\n  }\r\n\r\n  .container {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        max-width: map-get($viewports, \"sm\");\r\n        padding-right: 0;\r\n        padding-left: 0;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        max-width: map-get($viewports, \"md\");\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        max-width: map-get($viewports, \"lg\");\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        max-width: map-get($viewports, \"xl\");\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Section\r\n * Responsive spacings for section\r\n */\r\n\r\nsection {\r\n  margin-bottom: var(--block-spacing-vertical);\r\n}\r\n","@if ($enable-classes and $enable-grid) {\r\n  /**\r\n * Grid\r\n * Minimal grid system with auto-layout columns\r\n */\r\n\r\n  .grid {\r\n    grid-column-gap: var(--grid-spacing-horizontal);\r\n    grid-row-gap: var(--grid-spacing-vertical);\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    margin: 0;\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\r\n      }\r\n    }\r\n\r\n    & > * {\r\n      min-width: 0; // HACK for childs in overflow\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Horizontal scroller (<figure>)\r\n */\r\n\r\n// Wrapper to make any content responsive across all viewports\r\nfigure {\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow-x: auto;\r\n\r\n  figcaption {\r\n    padding: calc(var(--spacing) * 0.5) 0;\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n","/**\r\n * Typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Add the correct font weight in Chrome, Edge, and Safari\r\nb,\r\nstrong {\r\n  font-weight: bolder;\r\n}\r\n\r\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\r\nsub,\r\nsup {\r\n  position: relative;\r\n  font-size: 0.75em;\r\n  line-height: 0;\r\n  vertical-align: baseline;\r\n}\r\nsub {\r\n  bottom: -0.25em;\r\n}\r\nsup {\r\n  top: -0.5em;\r\n}\r\n\r\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\r\ndl dl,\r\ndl ol,\r\ndl ul,\r\nol dl,\r\nul dl {\r\n  margin: 0;\r\n}\r\n\r\n// Remove the margin on nested lists in Edge 18- and IE\r\nol ol,\r\nol ul,\r\nul ol,\r\nul ul {\r\n  margin: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-style: normal;\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Links\r\n// 1. Remove the gray background on active links in IE 10\r\na {\r\n  --color: var(--primary);\r\n  --background-color: transparent;\r\n  outline: none;\r\n  background-color: var(--background-color); // 1\r\n  color: var(--color);\r\n  text-decoration: var(--text-decoration);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition), color var(--transition),\r\n      text-decoration var(--transition), box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --color: var(--primary-hover);\r\n    --text-decoration: underline;\r\n  }\r\n\r\n  &:focus {\r\n    --background-color: var(--primary-focus);\r\n  }\r\n\r\n  @if $enable-classes {\r\n    // Secondary\r\n    &.secondary {\r\n      --color: var(--secondary);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--secondary-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--secondary-focus);\r\n      }\r\n    }\r\n\r\n    // Contrast\r\n    &.contrast {\r\n      --color: var(--contrast);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--contrast-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--contrast-focus);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  font-family: var(--font-family);\r\n}\r\n\r\nh1 {\r\n  --color: var(--h1-color);\r\n}\r\nh2 {\r\n  --color: var(--h2-color);\r\n}\r\nh3 {\r\n  --color: var(--h3-color);\r\n}\r\nh4 {\r\n  --color: var(--h4-color);\r\n}\r\nh5 {\r\n  --color: var(--h5-color);\r\n}\r\nh6 {\r\n  --color: var(--h6-color);\r\n}\r\n\r\n// Margin-top for headings after a typography block\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  & ~ h1,\r\n  & ~ h2,\r\n  & ~ h3,\r\n  & ~ h4,\r\n  & ~ h5,\r\n  & ~ h6 {\r\n    margin-top: var(--typography-spacing-vertical);\r\n  }\r\n}\r\n\r\n// Heading group\r\n@if $enable-classes == false {\r\n  hgroup {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n@if $enable-classes {\r\n  hgroup,\r\n  .headings {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n// Paragraphs\r\np {\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n}\r\n\r\n// Small\r\nsmall {\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Lists\r\nul,\r\nol {\r\n  padding-right: 0;\r\n  padding-left: var(--spacing);\r\n  padding-inline-start: var(--spacing);\r\n  padding-inline-end: 0;\r\n\r\n  li {\r\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\r\n  }\r\n}\r\n\r\nul li {\r\n  list-style: square;\r\n}\r\n\r\n// Highlighted text\r\nmark {\r\n  padding: 0.125rem 0.25rem;\r\n  background-color: var(--mark-background-color);\r\n  color: var(--mark-color);\r\n  vertical-align: baseline;\r\n}\r\n\r\n// Blockquote\r\nblockquote {\r\n  display: block;\r\n  margin: var(--typography-spacing-vertical) 0;\r\n  padding: var(--spacing);\r\n  border-right: none;\r\n  border-left: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-end: none;\r\n\r\n  footer {\r\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\r\n    color: var(--blockquote-footer-color);\r\n  }\r\n}\r\n\r\n// Abbreviations\r\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\r\nabbr[title] {\r\n  border-bottom: 1px dotted;\r\n  text-decoration: none; // 1\r\n  cursor: help;\r\n}\r\n\r\n// Ins\r\nins {\r\n  color: var(--ins-color);\r\n  text-decoration: none;\r\n}\r\n\r\n// del\r\ndel {\r\n  color: var(--del-color);\r\n}\r\n\r\n// selection\r\n::selection {\r\n  background-color: var(--primary-focus);\r\n}\r\n","/**\r\n * Embedded content\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change the alignment on media elements in all browsers (opinionated)\r\naudio,\r\ncanvas,\r\niframe,\r\nimg,\r\nsvg,\r\nvideo {\r\n  vertical-align: middle;\r\n}\r\n\r\n// Add the correct display in IE 9-\r\naudio,\r\nvideo {\r\n  display: inline-block;\r\n}\r\n\r\n// Add the correct display in iOS 4-7\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\n// Remove the border on iframes in all browsers (opinionated)\r\niframe {\r\n  border-style: none;\r\n}\r\n\r\n// 1. Remove the border on images inside links in IE 10.\r\n// 2. Responsive by default\r\nimg {\r\n  max-width: 100%; // 2\r\n  height: auto; // 2\r\n  border-style: none; // 1\r\n}\r\n\r\n// Change the fill color to match the text color in all browsers (opinionated)\r\nsvg:not([fill]) {\r\n  fill: currentColor;\r\n}\r\n\r\n// Hide the overflow in IE\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n","/**\r\n * Button\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\n// 3. Show the overflow in Edge\r\nbutton {\r\n  margin: 0; // 2\r\n  overflow: visible; // 3\r\n  font-family: inherit; // 1\r\n  text-transform: none; // 1\r\n}\r\n\r\n// Correct the inability to style clickable types in iOS and Safari\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n  -webkit-appearance: button;\r\n}\r\n\r\n// Remove the inner border and padding in Firefox\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbutton {\r\n  display: block;\r\n  width: 100%;\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n[role=\"button\"] {\r\n  display: inline-block;\r\n  text-decoration: none;\r\n}\r\n\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\n[role=\"button\"] {\r\n  --background-color: var(--primary);\r\n  --border-color: var(--primary);\r\n  --color: var(--primary-inverse);\r\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: 1rem;\r\n  line-height: var(--line-height);\r\n  text-align: center;\r\n  cursor: pointer;\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--primary-hover);\r\n    --border-color: var(--primary-hover);\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n    --color: var(--primary-inverse);\r\n  }\r\n\r\n  &:focus {\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n      0 0 0 var(--outline-width) var(--primary-focus);\r\n  }\r\n}\r\n\r\n// .secondary, .contrast & .outline\r\n@if $enable-classes {\r\n\r\n  // Secondary\r\n  button.secondary,\r\n  input[type=\"submit\"].secondary,\r\n  input[type=\"button\"].secondary,\r\n  input[type=\"reset\"],\r\n  [role=\"button\"].secondary {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n      --color: var(--secondary-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n\r\n  // Contrast\r\n  button.contrast,\r\n  input[type=\"submit\"].contrast,\r\n  input[type=\"button\"].contrast,\r\n  input[type=\"reset\"].contrast,\r\n  [role=\"button\"].contrast {\r\n    --background-color: var(--contrast);\r\n    --border-color: var(--contrast);\r\n    --color: var(--contrast-inverse);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--contrast-hover);\r\n      --border-color: var(--contrast-hover);\r\n      --color: var(--contrast-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--contrast-focus);\r\n    }\r\n  }\r\n\r\n  // Outline (primary)\r\n  button.outline,\r\n  input[type=\"submit\"].outline,\r\n  input[type=\"button\"].outline,\r\n  input[type=\"reset\"].outline,\r\n  [role=\"button\"].outline {\r\n    --background-color: transparent;\r\n    --color: var(--primary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: transparent;\r\n      --color: var(--primary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (secondary)\r\n  button.outline.secondary,\r\n  input[type=\"submit\"].outline.secondary,\r\n  input[type=\"button\"].outline.secondary,\r\n  input[type=\"reset\"].outline.secondary,\r\n  [role=\"button\"].outline.secondary {\r\n    --color: var(--secondary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (contrast)\r\n  button.outline.contrast,\r\n  input[type=\"submit\"].outline.contrast,\r\n  input[type=\"button\"].outline.contrast,\r\n  input[type=\"reset\"].outline.contrast,\r\n  [role=\"button\"].outline.contrast {\r\n    --color: var(--contrast);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--contrast-hover);\r\n    }\r\n  }\r\n}\r\n\r\n@else {\r\n  // Secondary button without .class\r\n  input[type=\"reset\"] {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n}\r\n\r\n// Button [disabled]\r\n// 1. Links without href are disabled by default\r\nbutton[disabled],\r\ninput[type=\"submit\"][disabled],\r\ninput[type=\"button\"][disabled],\r\ninput[type=\"reset\"][disabled],\r\na[role=\"button\"]:not([href]), // 1\r\n[role=\"button\"][disabled] {\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n}","/**\r\n * Form elements\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n  margin: 0; // 2\r\n  font-size: 1rem; // 1\r\n  line-height: var(--line-height); // 1\r\n  font-family: inherit; // 1\r\n  letter-spacing: inherit; // 2\r\n}\r\n\r\n// Show the overflow in IE.\r\ninput {\r\n  overflow: visible;\r\n}\r\n\r\n// Remove the inheritance of text transform in Edge, Firefox, and IE\r\nselect {\r\n  text-transform: none;\r\n}\r\n\r\n// 1. Correct the text wrapping in Edge and IE\r\n// 2. Correct the color inheritance from `fieldset` elements in IE\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n// `fieldset` elements in all browsers\r\nlegend {\r\n  max-width: 100%; // 1\r\n  padding: 0; // 3\r\n  color: inherit; // 2\r\n  white-space: normal; // 1\r\n}\r\n\r\n// 1. Remove the default vertical scrollbar in IE\r\ntextarea {\r\n  overflow: auto; // 1\r\n}\r\n\r\n// Remove the padding in IE 10\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  padding: 0;\r\n}\r\n\r\n// Correct the cursor style of increment and decrement buttons in Safari\r\n::-webkit-inner-spin-button,\r\n::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n// 1. Correct the odd appearance in Chrome and Safari\r\n// 2. Correct the outline style in Safari\r\n[type=\"search\"] {\r\n  -webkit-appearance: textfield; // 1\r\n  outline-offset: -2px; // 2\r\n}\r\n\r\n// Remove the inner padding in Chrome and Safari on macOS\r\n[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}\r\n\r\n// 1. Correct the inability to style clickable types in iOS and Safari\r\n// 2. Change font properties to `inherit` in Safari\r\n::-webkit-file-upload-button {\r\n  -webkit-appearance: button; // 1\r\n  font: inherit; // 2\r\n}\r\n\r\n// Remove the inner border and padding of focus outlines in Firefox\r\n::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n//  Remove the focus outline in Firefox\r\n:-moz-focusring {\r\n  outline: none;\r\n}\r\n\r\n// Remove the additional :invalid styles in Firefox\r\n:-moz-ui-invalid {\r\n  box-shadow: none;\r\n}\r\n\r\n// Change the inconsistent appearance in IE (opinionated)\r\n::-ms-expand {\r\n  display: none;\r\n}\r\n\r\n// Remove the border and padding in all browsers (opinionated)\r\n[type=\"file\"],\r\n[type=\"range\"] {\r\n  padding: 0;\r\n  border-width: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Force height for alternatives input types\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\r\n  height: calc(\r\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\r\n      (var(--border-width) * 2)\r\n  );\r\n}\r\n\r\n// Fieldset\r\nfieldset {\r\n  margin: 0;\r\n  margin-bottom: var(--spacing);\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n// Label & legend\r\nlabel,\r\nfieldset legend {\r\n  display: block;\r\n  margin-bottom: calc(var(--spacing) * 0.25);\r\n  font-weight: var(--form-label-font-weight, var(--font-weight));\r\n}\r\n\r\n// Blocks, 100%\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  width: 100%;\r\n}\r\n\r\n// Reset appearance (Not Checkboxes, Radios, Range and File)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\r\nselect,\r\ntextarea {\r\n  appearance: none;\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  vertical-align: middle;\r\n}\r\n\r\n// Commons styles\r\ninput,\r\nselect,\r\ntextarea {\r\n  --background-color: var(--form-element-background-color);\r\n  --border-color: var(--form-element-border-color);\r\n  --color: var(--form-element-color);\r\n  --box-shadow: none;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--form-element-active-background-color);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --border-color: var(--form-element-active-border-color);\r\n  }\r\n}\r\n\r\n// Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:focus {\r\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\r\n  }\r\n}\r\n\r\n// Disabled\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\r\nselect,\r\ntextarea {\r\n  &[disabled] {\r\n    --background-color: var(--form-element-disabled-background-color);\r\n    --border-color: var(--form-element-disabled-border-color);\r\n    opacity: var(--form-element-disabled-opacity);\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\ninput,\r\nselect,\r\ntextarea {\r\n\r\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n    &[aria-invalid] {\r\n      @if $enable-important {\r\n        padding-right: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\r\n        padding-inline-end: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n      } @else {\r\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal);\r\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n      }\r\n      background-position: center right 0.75rem;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    &[aria-invalid=\"false\"] {\r\n      background-image: var(--icon-valid);\r\n    }\r\n  \r\n    &[aria-invalid=\"true\"] {\r\n      background-image: var(--icon-invalid);\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n\r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-valid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-valid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n    \r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-invalid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-invalid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  input,\r\n  select,\r\n  textarea {\r\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      &[aria-invalid],\r\n      &[aria-invalid=\"true\"],\r\n      &[aria-invalid=\"false\"] {\r\n        background-position: center left 0.75rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Placeholder\r\ninput::placeholder,\r\ninput::-webkit-input-placeholder,\r\ntextarea::placeholder,\r\ntextarea::-webkit-input-placeholder,\r\nselect:invalid {\r\n  color: var(--form-element-placeholder-color);\r\n  opacity: 1;\r\n}\r\n\r\n// Margin bottom (Not Checkboxes and Radios)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n// Select\r\nselect {\r\n  // Unstyle the caret on `<select>`s in IE10+.\r\n  &::-ms-expand {\r\n    border: 0;\r\n    background-color: transparent;\r\n  }\r\n\r\n  &:not([multiple]):not([size]) {\r\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    padding-left: var(--form-element-spacing-horizontal);\r\n    padding-inline-start: var(--form-element-spacing-horizontal);\r\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    background-image: var(--icon-chevron);\r\n    background-position: center right 0.75rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  select {\r\n    &:not([multiple]):not([size]) {\r\n      background-position: center left 0.75rem;\r\n    }\r\n  }\r\n}\r\n\r\n// Helper\r\ninput,\r\nselect,\r\ntextarea {\r\n  + small {\r\n    display: block;\r\n    width: 100%;\r\n    margin-top: calc(var(--spacing) * -0.75);\r\n    margin-bottom: var(--spacing);\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n\r\n// Styles for Input inside a label\r\nlabel {\r\n  & > input,\r\n  & > select,\r\n  & > textarea {\r\n    margin-top: calc(var(--spacing) * 0.25);\r\n  }\r\n}\r\n","/**\r\n * Form elements\r\n * Checkboxes & Radios\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 1.25em;\r\n  height: 1.25em;\r\n  margin-top: -0.125em;\r\n  margin-right: 0.375em;\r\n  margin-left: 0;\r\n  margin-inline-start: 0;\r\n  margin-inline-end: 0.375em;\r\n  border-width: var(--border-width);\r\n  font-size: inherit;\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n\r\n  &::-ms-check {\r\n    display: none; // unstyle IE checkboxes\r\n  }\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-checkbox);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  & ~ label {\r\n    display: inline-block;\r\n    margin-right: 0.375em;\r\n    margin-bottom: 0;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n// Checkboxes\r\n[type=\"checkbox\"] {\r\n  &:indeterminate {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-minus);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Radios\r\n[type=\"radio\"] {\r\n  border-radius: 50%;\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary-inverse);\r\n    border-width: 0.35em;\r\n    background-image: none;\r\n  }\r\n}\r\n\r\n// Switchs\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --background-color: var(--switch-background-color);\r\n  --border-color: var(--switch-background-color);\r\n  --color: var(--switch-color);\r\n\r\n  // Config\r\n  $switch-height: 1.25em;\r\n  $switch-width: 2.25em;\r\n  $switch-transition: 0.1s ease-in-out;\r\n\r\n  // Styles\r\n  width: $switch-width;\r\n  height: $switch-height;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: $switch-height;\r\n  background-color: var(--background-color);\r\n  line-height: $switch-height;\r\n\r\n  &:focus {\r\n    --background-color: var(--switch-background-color);\r\n    --border-color: var(--switch-background-color);\r\n  }\r\n\r\n  &:checked {\r\n    --background-color: var(--switch-checked-background-color);\r\n    --border-color: var(--switch-checked-background-color);\r\n  }\r\n\r\n  &:before {\r\n    display: block;\r\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    background-color: var(--color);\r\n    content: \"\";\r\n\r\n    @if $enable-transitions {\r\n      transition: margin $switch-transition;\r\n    }\r\n  }\r\n\r\n  &:checked {\r\n    background-image: none;\r\n\r\n    &::before {\r\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\r\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\r\n    }\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\n[type=\"checkbox\"],\r\n[type=\"checkbox\"]:checked,\r\n[type=\"radio\"],\r\n[type=\"radio\"]:checked,\r\n[type=\"checkbox\"][role=\"switch\"],\r\n[type=\"checkbox\"][role=\"switch\"]:checked {\r\n  \r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n  }\r\n}","/**\r\n * Form elements\r\n * Alternatives input types (Not Checkboxes & Radios)\r\n */\r\n\r\n// Color\r\n[type=\"color\"] {\r\n  // Wrapper\r\n  @mixin color-wrapper {\r\n    padding: 0;\r\n  }\r\n\r\n  &::-webkit-color-swatch-wrapper {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  &::-moz-focus-inner {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  // Swatch\r\n  @mixin color-swatch {\r\n    border: none;\r\n    border-radius: calc(var(--border-radius) * 0.5);\r\n  }\r\n\r\n  &::-webkit-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n\r\n  &::-moz-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n}\r\n\r\n// Date & Time\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n  &[type=\"date\"],\r\n  &[type=\"datetime-local\"],\r\n  &[type=\"month\"],\r\n  &[type=\"time\"],\r\n  &[type=\"week\"] {\r\n    --icon-position: 0.75rem;\r\n    --icon-width: 1rem;\r\n    padding-right: calc(var(--icon-width) + var(--icon-position));\r\n    background-image: var(--icon-date);\r\n    background-position: center right var(--icon-position);\r\n    background-size: var(--icon-width) auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  // Time\r\n  &[type=\"time\"] {\r\n    background-image: var(--icon-time);\r\n  }\r\n}\r\n\r\n// Calendar picker\r\n[type=\"date\"],\r\n[type=\"datetime-local\"],\r\n[type=\"month\"],\r\n[type=\"time\"],\r\n[type=\"week\"] {\r\n  &::-webkit-calendar-picker-indicator {\r\n    width: var(--icon-width);\r\n    margin-right: calc(var(--icon-width) * -1);\r\n    margin-left: var(--icon-position);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  [type=\"date\"],\r\n  [type=\"datetime-local\"],\r\n  [type=\"month\"],\r\n  [type=\"time\"],\r\n  [type=\"week\"] {\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n// File\r\n[type=\"file\"] {\r\n  --color: var(--muted-color);\r\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\r\n  border: none;\r\n  border-radius: 0;\r\n  background: none;\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    border: none;\r\n    background: none;\r\n  }\r\n\r\n  @mixin file-selector-button {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    margin-right: calc(var(--spacing) / 2);\r\n    margin-left: 0;\r\n    margin-inline-start: 0;\r\n    margin-inline-end: calc(var(--spacing) / 2);\r\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\r\n      calc(var(--form-element-spacing-horizontal) * 0.5);\r\n    border: var(--border-width) solid var(--border-color);\r\n    border-radius: var(--border-radius);\r\n    outline: none;\r\n    background-color: var(--background-color);\r\n    box-shadow: var(--box-shadow);\r\n    color: var(--color);\r\n    font-weight: var(--font-weight);\r\n    font-size: 1rem;\r\n    line-height: var(--line-height);\r\n    text-align: center;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        border-color var(--transition), color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  &::file-selector-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-webkit-file-upload-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-ms-browse {\r\n    @include file-selector-button;\r\n  }\r\n}\r\n\r\n// Range\r\n[type=\"range\"] {\r\n  // Config\r\n  $height-track: 0.25rem;\r\n  $height-thumb: 1.25rem;\r\n  $border-thumb: 2px;\r\n\r\n  // Styles\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: $height-thumb;\r\n  background: transparent;\r\n\r\n  // Slider Track\r\n  @mixin slider-track {\r\n    width: 100%;\r\n    height: $height-track;\r\n    border-radius: var(--border-radius);\r\n    background-color: var(--range-border-color);\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n  }\r\n\r\n  &::-webkit-slider-runnable-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-moz-range-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-ms-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  // Slider Thumb\r\n  @mixin slider-thumb {\r\n    -webkit-appearance: none;\r\n    width: $height-thumb;\r\n    height: $height-thumb;\r\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\r\n    border: $border-thumb solid var(--range-thumb-border-color);\r\n    border-radius: 50%;\r\n    background-color: var(--range-thumb-color);\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        transform var(--transition);\r\n    }\r\n  }\r\n  &::-webkit-slider-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-moz-range-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-ms-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    --range-border-color: var(--range-active-border-color);\r\n    --range-thumb-color: var(--range-thumb-hover-color);\r\n  }\r\n\r\n  &:active {\r\n    --range-thumb-color: var(--range-thumb-active-color);\r\n\r\n    // Slider Thumb\r\n    &::-webkit-slider-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-moz-range-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-ms-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n  }\r\n}\r\n\r\n// Search\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n  &[type=\"search\"] {\r\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\r\n    border-radius: 5rem;\r\n    background-image: var(--icon-search);\r\n    background-position: center left 1.125rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Cancel button\r\n[type=\"search\"] {\r\n  &::-webkit-search-cancel-button {\r\n    -webkit-appearance: none;\r\n    display: none;\r\n  }\r\n}\r\n","/**\r\n * Table\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Collapse border spacing in all browsers (opinionated).\r\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\r\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\r\ntable {\r\n  width: 100%;\r\n  border-color: inherit; // 2\r\n  border-collapse: collapse; // 1\r\n  border-spacing: 0;\r\n  text-indent: 0; // 3\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Cells\r\nth,\r\ntd {\r\n  padding: calc(var(--spacing) / 2) var(--spacing);\r\n  border-bottom: var(--border-width) solid var(--table-border-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  text-align: left;\r\n  text-align: start;\r\n}\r\n\r\n// Footer\r\ntfoot {\r\n  th,\r\n  td {\r\n    border-top: var(--border-width) solid var(--table-border-color);\r\n    border-bottom: 0;\r\n  }\r\n}\r\n\r\n// Striped\r\ntable {\r\n  &[role=\"grid\"] {\r\n    tbody tr:nth-child(odd) {\r\n      background-color: var(--table-row-stripped-background-color);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Code\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Correct the inheritance and scaling of font size in all browsers\r\n// 2. Correct the font sizing in all browsers\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  font-size: 0.875em; // 2\r\n  font-family: var(--font-family); // 1\r\n}\r\n\r\n// Prevent overflow of the container in all browsers (opinionated)\r\npre {\r\n  -ms-overflow-style: scrollbar;\r\n  overflow: auto;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\npre,\r\ncode,\r\nkbd {\r\n  border-radius: var(--border-radius);\r\n  background: var(--code-background-color);\r\n  color: var(--code-color);\r\n  font-weight: var(--font-weight);\r\n  line-height: initial;\r\n}\r\n\r\ncode,\r\nkbd {\r\n  display: inline-block;\r\n  padding: 0.375rem 0.5rem;\r\n}\r\n\r\npre {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  overflow-x: auto;\r\n\r\n  > code {\r\n    display: block;\r\n    padding: var(--spacing);\r\n    background: transparent;\r\n    font-size: 14px;\r\n    line-height: var(--line-height);\r\n  }\r\n}\r\n\r\n// Code Syntax\r\ncode {\r\n  // Tags\r\n  b {\r\n    color: var(--code-tag-color);\r\n    font-weight: var(--font-weight);\r\n  }\r\n\r\n  // Properties\r\n  i {\r\n    color: var(--code-property-color);\r\n    font-style: normal;\r\n  }\r\n\r\n  // Values\r\n  u {\r\n    color: var(--code-value-color);\r\n    text-decoration: none;\r\n  }\r\n\r\n  // Comments\r\n  em {\r\n    color: var(--code-comment-color);\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// kbd\r\nkbd {\r\n  background-color: var(--code-kbd-background-color);\r\n  color: var(--code-kbd-color);\r\n  vertical-align: baseline;\r\n}\r\n","/**\r\n * Miscs\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct box sizing in Firefox\r\n// 2. Show the overflow in Edge and IE\r\nhr {\r\n  box-sizing: content-box; // 1\r\n  height: 0; // 1\r\n  overflow: visible; // 2\r\n  border: none;\r\n  border-top: 1px solid var(--muted-border-color);\r\n}\r\n\r\n// Add the correct display in IE 10+\r\n[hidden],\r\ntemplate {\r\n  @if $enable-important {\r\n    display: none !important;\r\n  } @else {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Add the correct display in IE 9-\r\ncanvas {\r\n  display: inline-block;\r\n}\r\n","/**\r\n * Accordion (<details>)\r\n */\r\n\r\ndetails {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  padding-bottom: calc(var(--spacing) * 0.5);\r\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\r\n\r\n  summary {\r\n    color: var(--accordion-close-summary-color);\r\n    line-height: 1rem;\r\n    list-style-type: none;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: color var(--transition);\r\n    }\r\n\r\n    // Reset marker\r\n    &::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    &::marker {\r\n      display: none;\r\n    }\r\n\r\n    &::-moz-list-bullet {\r\n      list-style-type: none;\r\n    }\r\n\r\n    // Marker\r\n    &::after {\r\n      display: block;\r\n      width: 1rem;\r\n      height: 1rem;\r\n      float: right;\r\n      transform: rotate(-90deg);\r\n      background-image: var(--icon-chevron);\r\n      background-position: center;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n      content: \"\";\r\n\r\n      @if $enable-transitions {\r\n        transition: transform var(--transition);\r\n      }\r\n    }\r\n\r\n    &:focus {\r\n      outline: none;\r\n      color: var(--accordion-active-summary-color);\r\n    }\r\n\r\n    ~ * {\r\n      margin-top: calc(var(--spacing) * 0.5);\r\n\r\n      ~ * {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Open\r\n  &[open] {\r\n    > summary {\r\n      margin-bottom: calc(var(--spacing) * 0.25);\r\n\r\n      &:not(:focus) {\r\n        color: var(--accordion-open-summary-color);\r\n      }\r\n\r\n      &::after {\r\n        transform: rotate(0);\r\n      } \r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  details {\r\n    summary {\r\n      &::after {\r\n        float: left;\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Card (<article>)\r\n */\r\n\r\narticle {\r\n  margin: var(--block-spacing-vertical) 0;\r\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n  overflow: hidden;\r\n  border-radius: var(--border-radius);\r\n  background: var(--card-background-color);\r\n  box-shadow: var(--card-box-shadow);\r\n\r\n  > header,\r\n  > footer {\r\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\r\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\r\n    padding: calc(var(--block-spacing-vertical) * 0.66)\r\n      var(--block-spacing-horizontal);\r\n    background-color: var(--card-sectionning-background-color);\r\n  }\r\n\r\n  > header {\r\n    margin-top: calc(var(--block-spacing-vertical) * -1);\r\n    margin-bottom: var(--block-spacing-vertical);\r\n    border-bottom: var(--border-width) solid var(--card-border-color);\r\n  }\r\n\r\n  > footer {\r\n    margin-top: var(--block-spacing-vertical);\r\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\r\n    border-top: var(--border-width) solid var(--card-border-color);\r\n  }\r\n}\r\n","/**\r\n * Modal (<dialog>)\r\n */\r\n\r\n:root {\r\n  --scrollbar-width: 0px;\r\n}\r\n\r\ndialog {\r\n  display: flex;\r\n  z-index: 999;\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: inherit;\r\n  min-width: 100%;\r\n  height: inherit;\r\n  min-height: 100%;\r\n  padding: var(--spacing);\r\n  border: none;\r\n  background-color: var(--modal-overlay-background-color);\r\n\r\n  // Content\r\n  article {\r\n    max-height: calc(100vh - var(--spacing) * 2);\r\n    overflow: auto;\r\n\r\n    @if map-get($breakpoints, 'sm') {\r\n      @media (min-width: map-get($breakpoints, 'sm')) {\r\n        max-width: map-get($viewports, 'sm');\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, 'md') {\r\n      @media (min-width: map-get($breakpoints, 'md')) {\r\n        max-width: map-get($viewports, 'md');\r\n      }\r\n    }\r\n\r\n    > header,\r\n    > footer {\r\n      padding: calc(var(--block-spacing-vertical) * 0.5)\r\n        var(--block-spacing-horizontal);\r\n    }\r\n\r\n    > header {\r\n      .close {\r\n        margin: 0;\r\n        margin-left: var(--spacing);\r\n        float: right;\r\n      }\r\n    }\r\n\r\n    > footer {\r\n      text-align: right;\r\n\r\n      [role='button'] {\r\n        margin-bottom: 0;\r\n\r\n        &:not(:first-of-type) {\r\n          margin-left: calc(var(--spacing) * 0.5);\r\n        }\r\n      }\r\n    }\r\n\r\n    p {\r\n      &:last-of-type {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    // Close icon\r\n    @if $enable-classes {\r\n      .close {\r\n        display: block;\r\n        width: 1rem;\r\n        height: 1rem;\r\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\r\n        margin-bottom: var(--typography-spacing-vertical);\r\n        margin-left: auto;\r\n        background-image: var(--icon-close);\r\n        background-position: center;\r\n        background-size: auto 1rem;\r\n        background-repeat: no-repeat;\r\n        opacity: 0.5;\r\n\r\n        @if $enable-transitions {\r\n          transition: opacity var(--transition);\r\n        }\r\n\r\n        &:hover,\r\n        &:active,\r\n        &:focus {\r\n          opacity: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Closed state\r\n  &:not([open]),\r\n  &[open='false'] {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Utilities\r\n@if $enable-classes {\r\n  .modal-is-open {\r\n    padding-right: var(--scrollbar-width, 0px);\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n\r\n    dialog {\r\n      pointer-events: auto;\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if ($enable-classes and $enable-transitions) {\r\n  $animation-duration: 0.2s;\r\n\r\n  .modal-is-opening,\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-duration: $animation-duration;\r\n      animation-timing-function: ease-in-out;\r\n      animation-fill-mode: both;\r\n    }\r\n\r\n    dialog {\r\n      animation-duration: ($animation-duration * 4);\r\n      animation-name: fadeIn;\r\n\r\n      > article {\r\n        animation-delay: $animation-duration;\r\n        animation-name: slideInDown;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-delay: 0s;\r\n      animation-direction: reverse;\r\n    }\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    from {\r\n      background-color: transparent;\r\n    }\r\n    to {\r\n      background-color: var(--modal-overlay-background-color);\r\n    }\r\n  }\r\n\r\n  @keyframes slideInDown {\r\n    from {\r\n      transform: translateY(-100%);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Nav\r\n */\r\n\r\n// Horizontal Nav\r\nnav,\r\nnav ul {\r\n  display: flex;\r\n}\r\n\r\nnav {\r\n  justify-content: space-between;\r\n\r\n  ol,\r\n  ul {\r\n    align-items: center;\r\n    margin-bottom: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n\r\n    &:first-of-type {\r\n      margin-left: calc(var(--spacing) * -0.5);\r\n    }\r\n    &:last-of-type {\r\n      margin-right: calc(var(--spacing) * -0.5);\r\n    }\r\n  }\r\n\r\n  li {\r\n    display: inline-block;\r\n    margin: 0;\r\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n\r\n    // HACK: Input & Button inside Nav\r\n    > *,\r\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  a {\r\n    display: block;\r\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\r\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n    border-radius: var(--border-radius);\r\n    text-decoration: none;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      text-decoration: none;\r\n    }\r\n  }\r\n\r\n  &[aria-label=\"breadcrumb\"] {\r\n    align-items: center;\r\n    justify-content: left;\r\n\r\n    & ul li {\r\n      padding-inline-start: 0;\r\n\r\n      &:not(:last-child) {\r\n        a::after {\r\n          padding-inline-start: 0.5rem;\r\n          content: \"/\";\r\n          color: var(--muted-color);\r\n        }\r\n      }\r\n    }\r\n\r\n    & a[aria-current=\"page\"] {\r\n      color: inherit;\r\n    }\r\n  }\r\n}\r\n\r\n// Vertical Nav\r\naside {\r\n  nav,\r\n  ol,\r\n  ul,\r\n  li {\r\n    display: block;\r\n  }\r\n\r\n  li {\r\n    padding: calc(var(--spacing) * 0.5);\r\n\r\n    a {\r\n      margin: calc(var(--spacing) * -0.5);\r\n      padding: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Progress\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct display in Edge 18- and IE\r\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\r\nprogress {\r\n  display: inline-block; // 1\r\n  vertical-align: baseline; // 2\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nprogress {\r\n  // Reset the default appearance\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n\r\n  // Styles\r\n  display: inline-block;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: 0.5rem;\r\n  margin-bottom: calc(var(--spacing) * 0.5);\r\n  overflow: hidden;\r\n\r\n  // Remove Firefox and Opera border\r\n  border: 0;\r\n  border-radius: var(--border-radius);\r\n  background-color: var(--progress-background-color);\r\n\r\n  // IE10 uses `color` to set the bar background-color\r\n  color: var(--progress-color);\r\n\r\n  &::-webkit-progress-bar {\r\n    border-radius: var(--border-radius);\r\n    background: transparent;\r\n  }\r\n  &[value]::-webkit-progress-value {\r\n    background-color: var(--progress-color);\r\n  }\r\n  &::-moz-progress-bar {\r\n    background-color: var(--progress-color);\r\n  }\r\n\r\n  // Indeterminate state\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    &:indeterminate {\r\n      background: var(--progress-background-color)\r\n        linear-gradient(\r\n          to right,\r\n          var(--progress-color) 30%,\r\n          var(--progress-background-color) 30%\r\n        )\r\n        top left / 150% 150% no-repeat;\r\n      animation: progressIndeterminate 1s linear infinite;\r\n\r\n      &[value]::-webkit-progress-value {\r\n        background-color: transparent;\r\n      }\r\n      &::-moz-progress-bar {\r\n        background-color: transparent;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes progressIndeterminate {\r\n  0% {\r\n    background-position: 200% 0;\r\n  }\r\n  100% {\r\n    background-position: -200% 0;\r\n  }\r\n}\r\n","/**\r\n * Loading ([aria-busy=true])\r\n */\r\n\r\n\r\n// Cursor\r\n[aria-busy=\"true\"] {\r\n  cursor: progress;\r\n}\r\n\r\n// Everyting except form elements\r\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\r\n\r\n  &::before {\r\n    display: inline-block;\r\n    width: 1em;\r\n    height: 1em;\r\n    border: 0.1875em solid currentColor;\r\n    border-radius: 1em;\r\n    border-right-color: transparent;\r\n    content: '';\r\n    vertical-align: text-bottom;\r\n    vertical-align: -.125em; // Visual alignment\r\n    animation: spinner 0.75s linear infinite;\r\n    opacity: var(--loading-spinner-opacity);\r\n  }\r\n\r\n  &:not(:empty) {\r\n    &::before {\r\n      margin-right: calc(var(--spacing) * 0.5);\r\n      margin-left: 0;\r\n      margin-inline-start: 0;\r\n      margin-inline-end: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n\r\n  &:empty {\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n// Buttons and links\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\na {\r\n  &[aria-busy=\"true\"] {\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n// Animation: rotate\r\n@keyframes spinner {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n","/**\r\n * Tooltip ([data-tooltip])\r\n */\r\n\r\n[data-tooltip] {\r\n  position: relative;\r\n\r\n  &:not(a):not(button):not(input) {\r\n    border-bottom: 1px dotted;\r\n    text-decoration: none;\r\n    cursor: help;\r\n  }\r\n\r\n  &::before,\r\n  &::after {\r\n    display: block;\r\n    z-index: 99;\r\n    position: absolute;\r\n    bottom: 100%;\r\n    left: 50%;\r\n    padding: .25rem .5rem;\r\n    overflow: hidden;\r\n    transform: translate(-50%, -.25rem);\r\n    border-radius: var(--border-radius);\r\n    background: var(--tooltip-background-color);\r\n    content: attr(data-tooltip);\r\n    color: var(--tooltip-color);\r\n    font-style: normal;\r\n    font-weight: var(--font-weight);\r\n    font-size: .875rem;\r\n    text-decoration: none;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  // Caret\r\n  &::after {\r\n    padding: 0;\r\n    transform: translate(-50%, 0rem);\r\n    border-top: .3rem solid;\r\n    border-right: .3rem solid transparent;\r\n    border-left: .3rem solid transparent;\r\n    border-radius: 0;\r\n    background-color: transparent;\r\n    content: '';\r\n    color: var(--tooltip-background-color);\r\n  }\r\n\r\n  // Display\r\n  &:focus,\r\n  &:hover {\r\n    &::before,\r\n    &::after {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  // Animations, excluding touch devices\r\n  @if $enable-transitions {\r\n    @media (hover: hover) and (pointer: fine) {\r\n      &:focus,\r\n      &:hover {\r\n        &::before,\r\n        &::after {\r\n          animation-duration: .2s;\r\n          animation-name: slide;\r\n        }\r\n\r\n        &::after {\r\n          animation-name: slideCaret; \r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if $enable-transitions {\r\n  @keyframes slide {\r\n    from {\r\n      transform: translate(-50%, .75rem);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translate(-50%, -.25rem);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @keyframes slideCaret {\r\n    from {\r\n      opacity: 0;\r\n    }\r\n    50% {\r\n      transform: translate(-50%, -.25rem);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translate(-50%, 0rem);\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Accessibility & User interaction\r\n */\r\n\r\n\r\n// Based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Accessibility\r\n\r\n// Change the cursor on control elements in all browsers (opinionated)\r\n[aria-controls] {\r\n  cursor: pointer;\r\n}\r\n\r\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\r\n[aria-disabled=\"true\"],\r\n[disabled] {\r\n  cursor: not-allowed;\r\n}\r\n\r\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\r\n[aria-hidden=\"false\"][hidden] {\r\n  display: initial;\r\n}\r\n\r\n[aria-hidden=\"false\"][hidden]:not(:focus) {\r\n  clip: rect(0, 0, 0, 0);\r\n  position: absolute;\r\n}\r\n\r\n// User interaction\r\n// Remove the tapping delay in IE 10\r\na,\r\narea,\r\nbutton,\r\ninput,\r\nlabel,\r\nselect,\r\nsummary,\r\ntextarea,\r\n[tabindex] {\r\n  -ms-touch-action: manipulation;\r\n}\r\n\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n[dir=\"rtl\"] {\r\n  direction: rtl;\r\n}\r\n","@if $enable-transitions and $enable-important {\r\n\r\n/**\r\n * Reduce Motion Features\r\n */\r\n\r\n\r\n  // Based on :\r\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n  // ––––––––––––––––––––\r\n\r\n  // 1. Remove animations when motion is reduced (opinionated)\r\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\r\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\r\n  // 4. Remove transitions when motion is reduced (opinionated)\r\n  @media (prefers-reduced-motion: reduce) {\r\n    *:not([aria-busy=\"true\"]),\r\n    :not([aria-busy=\"true\"])::before,\r\n    :not([aria-busy=\"true\"])::after {\r\n      background-attachment: initial !important; // 2\r\n      animation-duration: 1ms !important; // 1\r\n      animation-delay: -1ms !important; // 1\r\n      animation-iteration-count: 1 !important; // 1\r\n      scroll-behavior: auto !important; // 3\r\n      transition-delay: 0s !important; // 4\r\n      transition-duration: 0s !important; // 4\r\n    }\r\n  }\r\n}\r\n"]}
\ No newline at end of file
diff --git a/css/pico.fluid.classless.css b/css/pico.fluid.classless.css
index 354f7e56..1216f28a 100644
--- a/css/pico.fluid.classless.css
+++ b/css/pico.fluid.classless.css
@@ -193,7 +193,6 @@ kbd {
 
 [data-theme=light],
 :root:not([data-theme=dark]) {
-  color-scheme: light;
   --background-color: #fff;
   --color: #415462;
   --h1-color: #1b2832;
@@ -283,11 +282,11 @@ kbd {
   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+  color-scheme: light;
 }
 
 @media only screen and (prefers-color-scheme: dark) {
   :root:not([data-theme=light]) {
-    color-scheme: dark;
     --background-color: #11191f;
     --color: #bbc6ce;
     --h1-color: #edf0f3;
@@ -378,10 +377,10 @@ kbd {
     --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
     --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
     --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+    color-scheme: dark;
   }
 }
 [data-theme=dark] {
-  color-scheme: dark;
   --background-color: #11191f;
   --color: #bbc6ce;
   --h1-color: #edf0f3;
@@ -472,6 +471,7 @@ kbd {
   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+  color-scheme: dark;
 }
 
 /**
@@ -1943,6 +1943,23 @@ nav a {
 nav a:hover, nav a:active, nav a:focus {
   text-decoration: none;
 }
+nav[aria-label=breadcrumb] {
+  align-items: center;
+  justify-content: left;
+}
+nav[aria-label=breadcrumb] ul li {
+  -webkit-padding-start: 0;
+  padding-inline-start: 0;
+}
+nav[aria-label=breadcrumb] ul li:not(:last-child) a::after {
+  -webkit-padding-start: 0.5rem;
+  padding-inline-start: 0.5rem;
+  content: "/";
+  color: var(--muted-color);
+}
+nav[aria-label=breadcrumb] a[aria-current=page] {
+  color: inherit;
+}
 
 aside nav,
 aside ol,
diff --git a/css/pico.fluid.classless.css.map b/css/pico.fluid.classless.css.map
index ded807be..a09d60a5 100644
--- a/css/pico.fluid.classless.css.map
+++ b/css/pico.fluid.classless.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.fluid.classless.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_section.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"AAAA;;;EAAA;ACAA;;EAAA;ACCA;EAEE;;yCAAA;EAGA,kBAAA;EACA,kBAAA;EACA,iBAAA;EA8BA,wBAAA;EACA,mBAAA;EACA,oBAAA;EAGA,eAAA;EAGA,qCAAA;EAGA,kDAAA;EACA,0CAAA;EAQA,wCAAA;EACA,uCAAA;EAGA,4CAAA;EAGA,8BAAA;ACxCF;ADZM;EAZN;IAaQ,iBAAA;ECeN;AACF;ADXM;EAlBN;IAmBQ,iBAAA;ECcN;AACF;ADVM;EAxBN;IAyBQ,iBAAA;ECaN;AACF;ADTM;EA9BN;IA+BQ,iBAAA;ECYN;AACF;;AD+BM;EALJ;;;;IAMM,oDAAA;ECxBN;AACF;AD4BM;EAXJ;;;;IAYM,kDAAA;ECtBN;AACF;AD0BM;EAjBJ;;;;IAkBM,oDAAA;ECpBN;AACF;ADwBM;EAvBJ;;;;IAwBM,kDAAA;EClBN;AACF;;ADyBM;EAFJ;IAGM,uDAAA;ECrBN;AACF;ADyBM;EARJ;IASM,sDAAA;ECtBN;AACF;AD0BM;EAdJ;IAeM,uDAAA;ECvBN;AACF;AD2BM;EApBJ;IAqBM,oDAAA;ECxBN;AACF;;AD6BE;EAEE,kDAAA;EACA,0CAAA;AC3BJ;AD8BM;EANJ;IAOM,oDAAA;IACA,uDAAA;EC3BN;AACF;AD+BM;EAbJ;IAcM,kDAAA;IACA,sDAAA;EC5BN;AACF;;ADkCA;EACE,uBAAA;AC/BF;;AD2CA;EACE,oBAAA;ACxCF;;AD4CA;;;;;;EAME,kBAAA;ACzCF;;AD4CA;EACE,iBAAA;EACA,mCAAA;ACzCF;;AD4CA;EACE,oBAAA;EACA,uCAAA;ACzCF;;AD4CA;EACE,mBAAA;EACA,sCAAA;ACzCF;;AD4CA;EACE,oBAAA;EACA,uCAAA;ACzCF;;AD4CA;EACE,qBAAA;EACA,wCAAA;ACzCF;;AD6CA;;EAEE,mBAAA;AC1CF;;AD6CA;EACE,mBAAA;AC1CF;;ADgDE;;;;EAEE,mBAAA;AC3CJ;;AD+CA;EACE,oBAAA;AC5CF;;ADgDA;;;;EAIE;;gFAAA;AC3CF;;ADgDA;EACE,qBAAA;AC7CF;;AC9LA;;EAGE,mBAAA;EACA,wBAAA;EAGA,gBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,sBAAA;EACA,6BAAA;EAGA,kBAAA;EACA,wBAAA;EACA,0CAAA;EACA,uBAAA;EAGA,oBAAA;EACA,0BAAA;EACA,4CAAA;EACA,yBAAA;EAGA,mBAAA;EACA,sBAAA;EACA,2CAAA;EACA,wBAAA;EAGA,gCAAA;EACA,qBAAA;EAGA,oBAAA;EACA,oBAAA;EAGA,oDAAA;EACA,6CAAA;EAKA,2CAAA;EACA,iDAAA;EAGA,4CAAA;EACA,oCAAA;EACA,kCAAA;EACA,oDAAA;EACA,mDAAA;EACA,kDAAA;EACA,gDAAA;EACA,iDAAA;EACA,6CAAA;EACA,oCAAA;EACA,4CAAA;EACA,mDAAA;EACA,4DAAA;EACA,0CAAA;EACA,iDAAA;EACA,0DAAA;EAGA,kCAAA;EACA,sCAAA;EACA,iDAAA;EAGA,6BAAA;EACA,oCAAA;EACA,mDAAA;EACA,qCAAA;EACA,iDAAA;EACA,0CAAA;EAGA,+CAAA;EACA,8CAAA;EAGA,gCAAA;EACA,gCAAA;EACA,4CAAA;EACA,yCAAA;EACA,yBAAA;EACA,8BAAA;EACA,2BAAA;EACA,6BAAA;EAGA,mDAAA;EACA,6CAAA;EACA,kDAAA;EAGA,gDAAA;EACA,8CAAA;EACA;;2CAAA;EAGA,4CAAA;EAGA,0DAAA;EAGA,oCAAA;EACA,gCAAA;EAGA,8BAAA;EAGA,2CAAA;EACA,wCAAA;EAGA,6RAAA;EACA,6SAAA;EACA,+VAAA;EACA,mdAAA;EACA,qZAAA;EACA,yRAAA;EACA,iWAAA;EACA,4VAAA;EACA,4SAAA;ADoJF;;AF3QA;EACE;IIhBA,kBAAA;IACA,2BAAA;IAGA,gBAAA;IACA,mBAAA;IACA,mBAAA;IACA,mBAAA;IACA,mBAAA;IACA,mBAAA;IACA,mBAAA;IAGA,sBAAA;IACA,6BAAA;IAGA,kBAAA;IACA,wBAAA;IACA,yCAAA;IACA,uBAAA;IAGA,oBAAA;IACA,0BAAA;IACA,4CAAA;IACA,yBAAA;IAGA,mBAAA;IACA,sBAAA;IACA,2CAAA;IACA,wBAAA;IAGA,gCAAA;IACA,qBAAA;IAGA,oBAAA;IACA,oBAAA;IAGA,oDAAA;IACA,6CAAA;IAKA,2CAAA;IACA,iDAAA;IAGA,wCAAA;IACA,oCAAA;IACA,kCAAA;IACA,oDAAA;IACA,4EAAA;IACA,kDAAA;IACA,gDAAA;IACA,iDAAA;IACA,6CAAA;IACA,oCAAA;IACA,4CAAA;IACA,mDAAA;IACA,2DAAA;IACA,0CAAA;IACA,iDAAA;IACA,yDAAA;IAGA,kCAAA;IACA,sCAAA;IACA,iDAAA;IAGA,6BAAA;IACA,oCAAA;IACA,mDAAA;IACA,qCAAA;IACA,iDAAA;IACA,0CAAA;IAGA,+CAAA;IACA,gEAAA;IAGA,gCAAA;IACA,gCAAA;IACA,4CAAA;IACA,yCAAA;IACA,yBAAA;IACA,8BAAA;IACA,2BAAA;IACA,6BAAA;IAGA,mDAAA;IACA,gDAAA;IACA,6CAAA;IACA,kDAAA;IAGA,gCAAA;IACA,4BAAA;IACA;;0CAAA;IAGA,4CAAA;IAGA,uDAAA;IAGA,oCAAA;IACA,gCAAA;IAGA,8BAAA;IAGA,2CAAA;IACA,wCAAA;IAGA,6RAAA;IACA,gTAAA;IACA,+VAAA;IACA,sdAAA;IACA,qZAAA;IACA,yRAAA;IACA,oWAAA;IACA,+VAAA;IACA,4SAAA;EFmPA;AACF;AFnWA;EIvBE,kBAAA;EACA,2BAAA;EAGA,gBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EAGA,sBAAA;EACA,6BAAA;EAGA,kBAAA;EACA,wBAAA;EACA,yCAAA;EACA,uBAAA;EAGA,oBAAA;EACA,0BAAA;EACA,4CAAA;EACA,yBAAA;EAGA,mBAAA;EACA,sBAAA;EACA,2CAAA;EACA,wBAAA;EAGA,gCAAA;EACA,qBAAA;EAGA,oBAAA;EACA,oBAAA;EAGA,oDAAA;EACA,6CAAA;EAKA,2CAAA;EACA,iDAAA;EAGA,wCAAA;EACA,oCAAA;EACA,kCAAA;EACA,oDAAA;EACA,4EAAA;EACA,kDAAA;EACA,gDAAA;EACA,iDAAA;EACA,6CAAA;EACA,oCAAA;EACA,4CAAA;EACA,mDAAA;EACA,2DAAA;EACA,0CAAA;EACA,iDAAA;EACA,yDAAA;EAGA,kCAAA;EACA,sCAAA;EACA,iDAAA;EAGA,6BAAA;EACA,oCAAA;EACA,mDAAA;EACA,qCAAA;EACA,iDAAA;EACA,0CAAA;EAGA,+CAAA;EACA,gEAAA;EAGA,gCAAA;EACA,gCAAA;EACA,4CAAA;EACA,yCAAA;EACA,yBAAA;EACA,8BAAA;EACA,2BAAA;EACA,6BAAA;EAGA,mDAAA;EACA,gDAAA;EACA,6CAAA;EACA,kDAAA;EAGA,gCAAA;EACA,4BAAA;EACA;;wCAAA;EAGA,4CAAA;EAGA,uDAAA;EAGA,oCAAA;EACA,gCAAA;EAGA,8BAAA;EAGA,2CAAA;EACA,wCAAA;EAGA,6RAAA;EACA,gTAAA;EACA,+VAAA;EACA,sdAAA;EACA,qZAAA;EACA,yRAAA;EACA,oWAAA;EACA,+VAAA;EACA,4SAAA;AFiVF;;AG1dA;;;EAAA;AAWA;;;EAGE,sBAAA;AHsdF;;AGjdA;;EAEE,wBAAA;EACA,uBAAA;AHodF;;AG3cA;EACE,8BAAA;EACA,6CAAA;EACA,0BAAA;EACA,kCAAA;EACA,yCAAA;EACA,mBAAA;EACA,+BAAA;EACA,2BAAA;EACA,+BAAA;EACA,+BAAA;EACA,eAAA;EACA,gBAAA;EAAA,cAAA;EAAA,WAAA;AH8cF;;AIzfA;;;EAAA;AAWA;EACE,cAAA;AJqfF;;AI/eA;EACE,WAAA;EACA,SAAA;AJkfF;AIhfE;;;EAGE,WAAA;EACA,kBAAA;EACA,iBAAA;EAIE,sEAAA;AJ+eN;;AK9gBA;;;EAAA;AAKA;EACE,4CAAA;ALghBF;;AMthBA;;EAAA;AAKA;EACE,cAAA;EACA,SAAA;EACA,UAAA;EACA,gBAAA;ANuhBF;AMrhBE;EACE,qCAAA;EACA,yBAAA;ANuhBJ;;AOpiBA;;EAAA;AAUA;;EAEE,mBAAA;APgiBF;;AO5hBA;;EAEE,kBAAA;EACA,iBAAA;EACA,cAAA;EACA,wBAAA;AP+hBF;;AO7hBA;EACE,eAAA;APgiBF;;AO9hBA;EACE,WAAA;APiiBF;;AO7hBA;;;;;EAKE,SAAA;APgiBF;;AO5hBA;;;;EAIE,SAAA;AP+hBF;;AOzhBA;;;;;;;;;;EAUE,aAAA;EACA,iDAAA;EACA,mBAAA;EACA,kBAAA;EACA,+BAAA;EACA,2BAAA;AP4hBF;;AOvhBA;EACE,uBAAA;EACA,+BAAA;EACA,aAAA;EACA,yCAAA;EACA,mBAAA;EACA,+CAAA;EAAA,uCAAA;EAGE,gJAAA;EAAA,wIAAA;EAAA,mLAAA;APwhBJ;AOphBE;EAGE,6BAAA;EACA,4BAAA;APohBJ;AOjhBE;EACE,wCAAA;APmhBJ;;AO9eA;;;;;;EAME,aAAA;EACA,iDAAA;EACA,mBAAA;EACA,+BAAA;EACA,2BAAA;EACA,+BAAA;APifF;;AO9eA;EACE,wBAAA;APifF;;AO/eA;EACE,wBAAA;APkfF;;AOhfA;EACE,wBAAA;APmfF;;AOjfA;EACE,wBAAA;APofF;;AOlfA;EACE,wBAAA;APqfF;;AOnfA;EACE,wBAAA;APsfF;;AOxeE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAME,8CAAA;AP4hBJ;;AOthBE;EACE,iDAAA;APyhBJ;AOvhBI;EACE,gBAAA;APyhBN;AOthBI;EACE,2BAAA;EACA,oBAAA;EACA,eAAA;EACA,kBAAA;APwhBN;;AOhgBA;EACE,iDAAA;APmgBF;;AO/fA;EACE,2BAAA;APkgBF;;AO9fA;;EAEE,gBAAA;EACA,4BAAA;EACA,qCAAA;EAAA,oCAAA;EACA,sBAAA;EAAA,qBAAA;APigBF;AO/fE;;EACE,8DAAA;APkgBJ;;AO9fA;EACE,kBAAA;APigBF;;AO7fA;EACE,yBAAA;EACA,8CAAA;EACA,wBAAA;EACA,wBAAA;APggBF;;AO5fA;EACE,cAAA;EACA,4CAAA;EACA,uBAAA;EACA,kBAAA;EACA,yDAAA;EACA,kEAAA;EAAA,iEAAA;EACA,wBAAA;EAAA,uBAAA;AP+fF;AO7fE;EACE,0DAAA;EACA,qCAAA;AP+fJ;;AOzfA;EACE,yBAAA;EACA,qBAAA;EACA,YAAA;AP4fF;;AOxfA;EACE,uBAAA;EACA,qBAAA;AP2fF;;AOvfA;EACE,uBAAA;AP0fF;;AOtfA;EACE,sCAAA;APyfF;;AO1fA;EACE,sCAAA;APyfF;;AQ3xBA;;EAAA;AAUA;;;;;;EAME,sBAAA;ARuxBF;;AQnxBA;;EAEE,qBAAA;ARsxBF;;AQlxBA;EACE,aAAA;EACA,SAAA;ARqxBF;;AQjxBA;EACE,kBAAA;ARoxBF;;AQ/wBA;EACE,eAAA;EACA,YAAA;EACA,kBAAA;ARkxBF;;AQ9wBA;EACE,kBAAA;ARixBF;;AQ7wBA;EACE,gBAAA;ARgxBF;;ASn0BA;;EAAA;AAYA;EACE,SAAA;EACA,iBAAA;EACA,oBAAA;EACA,oBAAA;AT6zBF;;ASzzBA;;;;EAIE,0BAAA;AT4zBF;;ASxzBA;;;;EAIE,UAAA;EACA,kBAAA;AT2zBF;;ASrzBA;EACE,cAAA;EACA,WAAA;EACA,6BAAA;ATwzBF;;ASrzBA;EACE,qBAAA;EACA,qBAAA;ATwzBF;;ASrzBA;;;;;EAKE,kCAAA;EACA,8BAAA;EACA,+BAAA;EACA,8DAAA;EACA,oFAAA;EAEA,qDAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,6BAAA;EACA,mBAAA;EACA,+BAAA;EACA,eAAA;EACA,+BAAA;EACA,kBAAA;EACA,eAAA;EAGE,qIAAA;ATqzBJ;AShzBE;;;;;;;;;;;;;EAGE,wCAAA;EACA,oCAAA;EACA,oEAAA;EACA,+BAAA;AT4zBJ;ASzzBE;;;;;EACE;mDAAA;ATg0BJ;;ASrtBE;EACE,oCAAA;EACA,gCAAA;EACA,iCAAA;EACA,eAAA;ATwtBJ;ASttBI;EAGE,0CAAA;EACA,sCAAA;ATstBN;ASntBI;EACE;qDAAA;ATstBN;;AS9sBA;;;;;;EAME,YAAA;EACA,oBAAA;ATitBF;;AUl7BA;;EAAA;AAWA;;;;EAIE,SAAA;EACA,eAAA;EACA,+BAAA;EACA,oBAAA;EACA,uBAAA;AV66BF;;AUz6BA;EACE,iBAAA;AV46BF;;AUx6BA;EACE,oBAAA;AV26BF;;AUp6BA;EACE,eAAA;EACA,UAAA;EACA,cAAA;EACA,mBAAA;AVu6BF;;AUn6BA;EACE,cAAA;AVs6BF;;AUl6BA;;EAEE,UAAA;AVq6BF;;AUj6BA;;EAEE,YAAA;AVo6BF;;AU/5BA;EACE,6BAAA;EACA,oBAAA;AVk6BF;;AU95BA;EACE,wBAAA;AVi6BF;;AU55BA;EACE,0BAAA;EACA,aAAA;AV+5BF;;AU35BA;EACE,UAAA;EACA,kBAAA;AV85BF;;AU15BA;EACE,aAAA;AV65BF;;AUz5BA;EACE,gBAAA;AV45BF;;AUx5BA;EACE,aAAA;AV25BF;;AUv5BA;;EAEE,UAAA;EACA,eAAA;AV05BF;;AUn5BA;EACE,4GAAA;AVs5BF;;AU/4BA;EACE,SAAA;EACA,6BAAA;EACA,UAAA;EACA,SAAA;AVk5BF;;AU94BA;;EAEE,cAAA;EACA,0CAAA;EACA,8DAAA;AVi5BF;;AU74BA;;;EAGE,WAAA;AVg5BF;;AU54BA;;;EAGE,wBAAA;EAAA,qBAAA;EAAA,gBAAA;EACA,oFAAA;EAEA,sBAAA;AV84BF;;AU14BA;;;EAGE,wDAAA;EACA,gDAAA;EACA,kCAAA;EACA,kBAAA;EACA,qDAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,6BAAA;EACA,mBAAA;EACA,+BAAA;EAGE,qIAAA;AV24BJ;;AUj4BE;;;;;EAEE,+DAAA;AVu4BJ;;AU/3BE;;;;;EAEE,uDAAA;AVq4BJ;;AU73BE;;;EACE,wEAAA;AVk4BJ;;AU13BE;;;EACE,iEAAA;EACA,yDAAA;EACA,6CAAA;AV+3BJ;;AUr3BI;;;EAEI,+EAAA;EAGA,oDAAA;EACA,wEAAA;EAAA,uEAAA;EACA,qFAAA;EAAA,oFAAA;EASF,yCAAA;EACA,0BAAA;EACA,4BAAA;AV+2BN;AU52BI;;;EACE,mCAAA;AVg3BN;AU72BI;;;EACE,qCAAA;AVi3BN;AU72BE;;;EACE,sDAAA;AVi3BJ;AU/2BI;;;;;EAGI,wEAAA;EACA,yFAAA;AVm3BR;AU32BE;;;EACE,wDAAA;AV+2BJ;AU72BI;;;;;EAGI,0EAAA;EACA,2FAAA;AVi3BR;;AUn2BM;;;;;;;EAGE,wCAAA;AV02BR;;AUn2BA;;;;;EAKE,4CAAA;EACA,UAAA;AVs2BF;;AUl2BA;;;EAGE,6BAAA;AVq2BF;;AU/1BE;EACE,SAAA;EACA,6BAAA;AVk2BJ;AU/1BE;EACE,oEAAA;EACA,oDAAA;EACA,6DAAA;EAAA,4DAAA;EACA,0EAAA;EAAA,yEAAA;EACA,qCAAA;EACA,yCAAA;EACA,0BAAA;EACA,4BAAA;AVi2BJ;;AU31BI;EACE,wCAAA;AV81BN;;AUr1BE;;;EACE,cAAA;EACA,WAAA;EACA,wCAAA;EACA,6BAAA;EACA,yBAAA;AV01BJ;;AUp1BE;EAGE,uCAAA;AVq1BJ;;AW3rCA;;;EAAA;AAKA;;EAEE,wBAAA;EACA,qBAAA;EACA,gBAAA;EACA,aAAA;EACA,cAAA;EACA,oBAAA;EACA,qBAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,2BAAA;EAAA,0BAAA;EACA,iCAAA;EACA,kBAAA;EACA,sBAAA;EACA,eAAA;AX6rCF;AW3rCE;;EACE,aAAA;AX8rCJ;AW3rCE;;;;EAGE,kCAAA;EACA,8BAAA;EACA,sCAAA;EACA,2BAAA;EACA,4BAAA;EACA,4BAAA;AX8rCJ;AW3rCE;;EACE,qBAAA;EACA,qBAAA;EACA,gBAAA;EACA,eAAA;AX8rCJ;;AWxrCE;EACE,kCAAA;EACA,8BAAA;EACA,mCAAA;EACA,2BAAA;EACA,4BAAA;EACA,4BAAA;AX2rCJ;;AWtrCA;EACE,kBAAA;AXyrCF;AWvrCE;EAGE,0CAAA;EACA,oBAAA;EACA,sBAAA;AXurCJ;;AWlrCA;EACE,kDAAA;EACA,8CAAA;EACA,4BAAA;EAQA,aAJe;EAKf,cANgB;EAOhB,qDAAA;EACA,qBARgB;EAShB,yCAAA;EACA,mBAVgB;AXwrClB;AW5qCE;EACE,kDAAA;EACA,8CAAA;AX8qCJ;AW3qCE;EACE,0DAAA;EACA,sDAAA;AX6qCJ;AW1qCE;EACE,cAAA;EACA,+CAAA;EACA,YAAA;EACA,kBAAA;EACA,8BAAA;EACA,WAAA;EAGE,mCAAA;AX0qCN;AWtqCE;EACE,sBAAA;AXwqCJ;AWtqCI;EACE,gDAAA;EACA,yDAAA;EAAA,wDAAA;AXwqCN;;AW3pCE;;;;;;EACE,sDAAA;AXmqCJ;AWhqCE;;;;;;EACE,wDAAA;AXuqCJ;;AY9yCA;;;EAAA;AAYE;EAHE,UAAA;AZ6yCJ;AYtyCE;EAPE,UAAA;AZgzCJ;AY/xCE;EAJE,YAAA;EACA,+CAAA;AZsyCJ;AY/xCE;EARE,YAAA;EACA,+CAAA;AZ0yCJ;;AY3xCE;EAKE,wBAAA;EACA,kBAAA;EACA,6DAAA;EACA,kCAAA;EACA,sDAAA;EACA,uCAAA;EACA,4BAAA;AZ0xCJ;AYtxCE;EACE,kCAAA;AZwxCJ;;AY9wCE;;;;;EACE,wBAAA;EACA,0CAAA;EACA,iCAAA;EACA,UAAA;AZqxCJ;;AYhxCE;;;;;EAKE,iBAAA;AZmxCJ;;AY9wCA;EACE,2BAAA;EACA,2DAAA;EACA,YAAA;EACA,gBAAA;EACA,gBAAA;AZixCF;AY/wCE;EAGE,YAAA;EACA,gBAAA;AZ+wCJ;AYxuCE;EAnCE,oCAAA;EACA,gCAAA;EACA,iCAAA;EACA,sCAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,4CAAA;EAAA,2CAAA;EACA,4GAAA;EAEA,qDAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,6BAAA;EACA,mBAAA;EACA,+BAAA;EACA,eAAA;EACA,+BAAA;EACA,kBAAA;EACA,eAAA;EAGE,6IAAA;EAAA,qIAAA;AZ2wCN;AY9vCE;EAnCE,oCAAA;EACA,gCAAA;EACA,iCAAA;EACA,sCAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,4CAAA;EAAA,2CAAA;EACA,4GAAA;EAEA,qDAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,6BAAA;EACA,mBAAA;EACA,+BAAA;EACA,eAAA;EACA,+BAAA;EACA,kBAAA;EACA,eAAA;EAGE,qIAAA;AZ2wCN;AYtwCI;EAGE,0CAAA;EACA,sCAAA;AZswCN;AY1wCI;EAGE,0CAAA;EACA,sCAAA;AZswCN;AY9vCE;EAvCE,oCAAA;EACA,gCAAA;EACA,iCAAA;EACA,sCAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,4CAAA;EAAA,2CAAA;EACA,4GAAA;EAEA,qDAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,6BAAA;EACA,mBAAA;EACA,+BAAA;EACA,eAAA;EACA,+BAAA;EACA,kBAAA;EACA,eAAA;EAGE,6IAAA;EAAA,qIAAA;AZqyCN;AYhyCI;EAGE,0CAAA;EACA,sCAAA;AZgyCN;AYpxCE;EA3CE,oCAAA;EACA,gCAAA;EACA,iCAAA;EACA,sCAAA;EACA,cAAA;EACA,sBAAA;EACA,2CAAA;EACA,4GAAA;EAEA,qDAAA;EACA,mCAAA;EACA,aAAA;EACA,yCAAA;EACA,6BAAA;EACA,mBAAA;EACA,+BAAA;EACA,eAAA;EACA,+BAAA;EACA,kBAAA;EACA,eAAA;EAGE,yIAAA;EAAA,qIAAA;AZ+zCN;AY1zCI;EAGE,0CAAA;EACA,sCAAA;AZ0zCN;;AYxyCA;EAOE,wBAAA;EACA,qBAAA;EACA,gBAAA;EACA,WAAA;EACA,eARe;EASf,uBAAA;AZqyCF;AYtxCE;EAXE,WAAA;EACA,eAfa;EAgBb,mCAAA;EACA,2CAAA;EAGE,oFAAA;EAAA,4EAAA;AZkyCN;AYzxCE;EAfE,WAAA;EACA,eAfa;EAgBb,mCAAA;EACA,2CAAA;EAGE,iFAAA;EAAA,4EAAA;AZyyCN;AY5xCE;EAnBE,WAAA;EACA,eAfa;EAgBb,mCAAA;EACA,2CAAA;EAGE,gFAAA;EAAA,4EAAA;AZgzCN;AY/wCE;EAdE,wBAAA;EACA,cAvCa;EAwCb,eAxCa;EAyCb,mBAAA;EACA,iDAAA;EACA,kBAAA;EACA,0CAAA;EACA,eAAA;EAGE,mFAAA;EAAA,2EAAA;AZ8xCN;AYtxCE;EAlBE,wBAAA;EACA,cAvCa;EAwCb,eAxCa;EAyCb,mBAAA;EACA,iDAAA;EACA,kBAAA;EACA,0CAAA;EACA,eAAA;EAGE,gFAAA;EAAA,2EAAA;AZyyCN;AY7xCE;EAtBE,wBAAA;EACA,cAvCa;EAwCb,eAxCa;EAyCb,mBAAA;EACA,iDAAA;EACA,kBAAA;EACA,0CAAA;EACA,eAAA;EAGE,+EAAA;EAAA,2EAAA;AZozCN;AYpyCE;EAEE,sDAAA;EACA,mDAAA;AZqyCJ;AYlyCE;EACE,oDAAA;AZoyCJ;AYjyCI;EACE,sBAAA;AZmyCN;AYhyCI;EACE,sBAAA;AZkyCN;AY/xCI;EACE,sBAAA;AZiyCN;;AYzxCE;EACE,oEAAA;EACA,mBAAA;EACA,oCAAA;EACA,yCAAA;EACA,0BAAA;EACA,4BAAA;AZ4xCJ;;AYtxCE;EACE,wBAAA;EACA,aAAA;AZyxCJ;;AaxhDA;;EAAA;AAYA;EACE,WAAA;EACA,qBAAA;EACA,yBAAA;EACA,iBAAA;EACA,cAAA;AbkhDF;;Aa3gDA;;EAEE,gDAAA;EACA,kEAAA;EACA,mBAAA;EACA,+BAAA;EACA,2BAAA;EACA,gBAAA;EACA,iBAAA;Ab8gDF;;AazgDE;;EAEE,+DAAA;EACA,gBAAA;Ab4gDJ;;AargDI;EACE,4DAAA;AbwgDN;;AcxjDA;;EAAA;AAWA;;;;EAIE,kBAAA;EACA,+BAAA;AdmjDF;;Ac/iDA;EACE,6BAAA;EACA,cAAA;AdkjDF;;Ac5iDA;;;EAGE,mCAAA;EACA,wCAAA;EACA,wBAAA;EACA,+BAAA;EACA,oBAAA;Ad+iDF;;Ac5iDA;;EAEE,qBAAA;EACA,wBAAA;Ad+iDF;;Ac5iDA;EACE,cAAA;EACA,6BAAA;EACA,gBAAA;Ad+iDF;Ac7iDE;EACE,cAAA;EACA,uBAAA;EACA,uBAAA;EACA,eAAA;EACA,+BAAA;Ad+iDJ;;AcxiDE;EACE,4BAAA;EACA,+BAAA;Ad2iDJ;AcviDE;EACE,iCAAA;EACA,kBAAA;AdyiDJ;AcriDE;EACE,8BAAA;EACA,qBAAA;AduiDJ;AcniDE;EACE,gCAAA;EACA,kBAAA;AdqiDJ;;AchiDA;EACE,kDAAA;EACA,4BAAA;EACA,wBAAA;AdmiDF;;Ae5nDA;;EAAA;AAWA;EACE,uBAAA;EACA,SAAA;EACA,iBAAA;EACA,YAAA;EACA,+CAAA;AfunDF;;AennDA;;EAGI,wBAAA;AfqnDJ;;Ae9mDA;EACE,qBAAA;AfinDF;;AgBhpDA;;EAAA;AAIA;EACE,cAAA;EACA,6BAAA;EACA,0CAAA;EACA,sEAAA;AhBkpDF;AgBhpDE;EACE,2CAAA;EACA,iBAAA;EACA,qBAAA;EACA,eAAA;EAGE,mCAAA;AhBgpDN;AgB5oDI;EACE,aAAA;AhB8oDN;AgB3oDI;EACE,aAAA;AhB6oDN;AgB1oDI;EACE,qBAAA;AhB4oDN;AgBxoDI;EACE,cAAA;EACA,WAAA;EACA,YAAA;EACA,YAAA;EACA,yBAAA;EACA,qCAAA;EACA,2BAAA;EACA,0BAAA;EACA,4BAAA;EACA,WAAA;EAGE,uCAAA;AhBwoDR;AgBpoDI;EACE,aAAA;EACA,4CAAA;AhBsoDN;AgBnoDI;EACE,sCAAA;AhBqoDN;AgBnoDM;EACE,aAAA;AhBqoDR;AgB9nDI;EACE,0CAAA;AhBgoDN;AgB9nDM;EACE,0CAAA;AhBgoDR;AgB7nDM;EACE,oBAAA;AhB+nDR;;AgBtnDM;EACE,WAAA;AhBynDR;;AiB9sDA;;EAAA;AAIA;EACE,uCAAA;EACA,sEAAA;EACA,gBAAA;EACA,mCAAA;EACA,wCAAA;EACA,kCAAA;AjBgtDF;AiB9sDE;;EAEE,wDAAA;EACA,uDAAA;EACA,mFAAA;EAEA,0DAAA;AjB+sDJ;AiB5sDE;EACE,oDAAA;EACA,4CAAA;EACA,iEAAA;AjB8sDJ;AiB3sDE;EACE,yCAAA;EACA,uDAAA;EACA,8DAAA;AjB6sDJ;;AkB3uDA;;EAAA;AAIA;EACE,sBAAA;AlB6uDF;;AkB1uDA;EACE,aAAA;EACA,YAAA;EACA,eAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,mBAAA;EACA,uBAAA;EACA,cAAA;EACA,eAAA;EACA,eAAA;EACA,gBAAA;EACA,uBAAA;EACA,YAAA;EACA,uDAAA;AlB6uDF;AkB1uDE;EACE,4CAAA;EACA,cAAA;AlB4uDJ;AkBzuDM;EALJ;IAMM,gBAAA;ElB4uDN;AACF;AkBxuDM;EAXJ;IAYM,gBAAA;ElB2uDN;AACF;AkBxuDI;;EAEE,kFAAA;AlB0uDN;AkBruDM;EACE,SAAA;EACA,2BAAA;EACA,YAAA;AlBuuDR;AkBnuDI;EACE,iBAAA;AlBquDN;AkBnuDM;EACE,gBAAA;AlBquDR;AkBnuDQ;EACE,uCAAA;AlBquDV;AkB/tDM;EACE,SAAA;AlBiuDR;AkBhsDE;EAEE,aAAA;AlBisDJ;;AmB3yDA;;EAAA;AAKA;;EAEE,aAAA;AnB4yDF;;AmBzyDA;EACE,8BAAA;AnB4yDF;AmB1yDE;;EAEE,mBAAA;EACA,gBAAA;EACA,UAAA;EACA,gBAAA;AnB4yDJ;AmB1yDI;;EACE,wCAAA;AnB6yDN;AmB3yDI;;EACE,yCAAA;AnB8yDN;AmB1yDE;EACE,qBAAA;EACA,SAAA;EACA,kDAAA;AnB4yDJ;AmBzyDI;;EAEE,gBAAA;AnB2yDN;AmBvyDE;EACE,cAAA;EACA,6DAAA;EACA,kDAAA;EACA,mCAAA;EACA,qBAAA;AnByyDJ;AmBvyDI;EAGE,qBAAA;AnBuyDN;;AmBhyDE;;;;EAIE,cAAA;AnBmyDJ;AmBhyDE;EACE,mCAAA;AnBkyDJ;AmBhyDI;EACE,mCAAA;EACA,mCAAA;AnBkyDN;;AoBv2DA;;EAAA;AAWA;EACE,qBAAA;EACA,wBAAA;ApBk2DF;;AoB51DA;EAEE,wBAAA;EACA,qBAAA;EAGA,qBAAA;EACA,gBAAA;EACA,WAAA;EACA,cAAA;EACA,yCAAA;EACA,gBAAA;EAGA,SAAA;EACA,mCAAA;EACA,kDAAA;EAGA,4BAAA;ApBw1DF;AoBt1DE;EACE,mCAAA;EACA,uBAAA;ApBw1DJ;AoBt1DE;EACE,uCAAA;ApBw1DJ;AoBt1DE;EACE,uCAAA;ApBw1DJ;AoBp1DE;EACE;IACE,oKAAA;IAOA,2DAAA;IAAA,mDAAA;EpBg1DJ;EoB90DI;IACE,6BAAA;EpBg1DN;EoB90DI;IACE,6BAAA;EpBg1DN;AACF;;AoB30DA;EACE;IACE,2BAAA;EpB80DF;EoB50DA;IACE,4BAAA;EpB80DF;AACF;;AoBp1DA;EACE;IACE,2BAAA;EpB80DF;EoB50DA;IACE,4BAAA;EpB80DF;AACF;AqB75DA;;EAAA;AAMA;EACE,gBAAA;ArB45DF;;AqBt5DE;EACE,qBAAA;EACA,UAAA;EACA,WAAA;EACA,mCAAA;EACA,kBAAA;EACA,+BAAA;EACA,WAAA;EACA,2BAAA;EACA,wBAAA;EACA,gDAAA;EAAA,wCAAA;EACA,uCAAA;ArBy5DJ;AqBr5DI;EACE,wCAAA;EACA,cAAA;EACA,uBAAA;EAAA,sBAAA;EACA,8CAAA;EAAA,6CAAA;ArBu5DN;AqBn5DE;EACE,kBAAA;ArBq5DJ;;AqB34DE;;;;;EACE,oBAAA;ArBk5DJ;;AqB74DA;EACE;IACE,yBAAA;ErBg5DF;AACF;;AqBn5DA;EACE;IACE,yBAAA;ErBg5DF;AACF;AsBx8DA;;EAAA;AAIA;EACE,kBAAA;AtBy8DF;AsBv8DE;EACE,yBAAA;EACA,qBAAA;EACA,YAAA;AtBy8DJ;AsBt8DE;EAEE,cAAA;EACA,WAAA;EACA,kBAAA;EACA,YAAA;EACA,SAAA;EACA,uBAAA;EACA,gBAAA;EACA,oCAAA;EACA,mCAAA;EACA,2CAAA;EACA,2BAAA;EACA,2BAAA;EACA,kBAAA;EACA,+BAAA;EACA,mBAAA;EACA,qBAAA;EACA,uBAAA;EACA,mBAAA;EACA,UAAA;EACA,oBAAA;AtBu8DJ;AsBn8DE;EACE,UAAA;EACA,gCAAA;EACA,wBAAA;EACA,sCAAA;EACA,qCAAA;EACA,gBAAA;EACA,6BAAA;EACA,WAAA;EACA,sCAAA;AtBq8DJ;AsB/7DI;EAEE,UAAA;AtBg8DN;AsB17DI;EAGI;IAEE,gCAAA;IAAA,wBAAA;IACA,6BAAA;IAAA,qBAAA;EtBy7DR;EsBt7DM;IACE,kCAAA;IAAA,0BAAA;EtBw7DR;AACF;;AsBh7DE;EACE;IACE,mCAAA;IACA,UAAA;EtBm7DJ;EsBj7DE;IACE,oCAAA;IACA,UAAA;EtBm7DJ;AACF;;AsB37DE;EACE;IACE,mCAAA;IACA,UAAA;EtBm7DJ;EsBj7DE;IACE,oCAAA;IACA,UAAA;EtBm7DJ;AACF;AsBh7DE;EACE;IACE,UAAA;EtBk7DJ;EsBh7DE;IACE,oCAAA;IACA,UAAA;EtBk7DJ;EsBh7DE;IACE,gCAAA;IACA,UAAA;EtBk7DJ;AACF;AsB77DE;EACE;IACE,UAAA;EtBk7DJ;EsBh7DE;IACE,oCAAA;IACA,UAAA;EtBk7DJ;EsBh7DE;IACE,gCAAA;IACA,UAAA;EtBk7DJ;AACF;AuBxhEA;;EAAA;AAaA;EACE,eAAA;AvBghEF;;AuB5gEA;;EAEE,mBAAA;AvB+gEF;;AuB3gEA;EACE,gBAAA;AvB8gEF;;AuB3gEA;EACE,sBAAA;EACA,kBAAA;AvB8gEF;;AuBzgEA;;;;;;;;;EASE,8BAAA;AvB4gEF;;AuBrgEA;EACE,cAAA;AvBwgEF;;AwB1jEA;;EAAA;AAaE;EACE;;;IAGE,yCAAA;IACA,0CAAA;IAAA,kCAAA;IACA,wCAAA;IAAA,gCAAA;IACA,+CAAA;IAAA,uCAAA;IACA,gCAAA;IACA,+BAAA;IACA,kCAAA;ExBmjEJ;AACF","file":"pico.fluid.classless.css","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary: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::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\n@if $enable-classes == false {\n  hgroup {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n@if $enable-classes {\n  hgroup,\n  .headings {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n    --color: var(--primary-inverse);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n\n  // Contrast\n  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--contrast-focus);\n    }\n  }\n\n  // Outline (primary)\n  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n}\n\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-valid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n    \n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-invalid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Footer\ntfoot {\n  th,\n  td {\n    border-top: var(--border-width) solid var(--table-border-color);\n    border-bottom: 0;\n  }\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.fluid.classless.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_section.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.fluid.classless.css","sourcesContent":["/*!\r\n * Pico.css v1.4.4 (https://picocss.com)\r\n * Copyright 2019-2021 - Licensed under MIT\r\n */\r\n\r\n// Config\r\n@import \"variables\";\r\n\r\n// Theming\r\n@import \"themes/default\";\r\n\r\n// Layout\r\n@import \"layout/document\"; // html\r\n@import \"layout/sectioning\"; // body, header, main, footer\r\n@import \"layout/container\"; // .container, .container-fluid\r\n@import \"layout/section\"; // section\r\n@import \"layout/grid\"; // .grid\r\n@import \"layout/scroller\"; // figure\r\n\r\n// Content\r\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\r\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\r\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\r\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\r\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\r\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\r\n@import \"content/table\"; // table, tr, td, ...\r\n@import \"content/code\"; // pre, code, ...\r\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\r\n\r\n// Components\r\n@import \"components/accordion\"; // details, summary\r\n@import \"components/card\"; // article\r\n@import \"components/modal\"; // dialog\r\n@import \"components/nav\"; // nav\r\n@import \"components/progress\"; // progress\r\n\r\n// Utilities\r\n@import \"utilities/loading\"; // aria-busy=true\r\n@import \"utilities/tooltip\"; // data-tooltip\r\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\r\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\r\n","/**\r\n * Theme: default\r\n */\r\n\r\n// Variables\r\n@import \"../variables\";\r\n@import \"default/colors\";\r\n\r\n// Commons styles\r\n@import \"default/styles\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"default/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"default/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n  :root:not([data-theme=\"light\"]) {\r\n    @include dark;\r\n  }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n  @include dark;\r\n}\r\n","// Commons Styles\r\n:root {\r\n  // Typography\r\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n  --line-height: 1.5;\r\n  --font-weight: 400;\r\n  --font-size: 16px;\r\n\r\n  // Responsive typography\r\n  @if $enable-responsive-typography {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --font-size: 17px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --font-size: 18px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --font-size: 19px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Borders\r\n  --border-radius: 0.25rem;\r\n  --border-width: 1px;\r\n  --outline-width: 3px;\r\n\r\n  // Spacings\r\n  --spacing: 1rem;\r\n\r\n  // Spacings for typography elements\r\n  --typography-spacing-vertical: 1.5rem;\r\n\r\n  // Spacings for body > header, body > main, body > footer, section, article\r\n  --block-spacing-vertical: calc(var(--spacing) * 2);\r\n  --block-spacing-horizontal: var(--spacing);\r\n\r\n  @if ($enable-classes and $enable-grid) {\r\n    --grid-spacing-vertical: 0;\r\n    --grid-spacing-horizontal: var(--spacing);\r\n  }\r\n\r\n  // Spacings for form elements and button\r\n  --form-element-spacing-vertical: 0.75rem;\r\n  --form-element-spacing-horizontal: 1rem;\r\n\r\n  // Font weight for form labels & fieldsets legend\r\n  --form-label-font-weight: var(--font-weight);\r\n\r\n  // Transitions\r\n  --transition: 0.2s ease-in-out;\r\n}\r\n\r\n// Responsives spacings\r\n@if $enable-responsive-spacings {\r\n  // Sectionning\r\n  body > header,\r\n  body > main,\r\n  body > footer,\r\n  section {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 4);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Card (<article>)\r\n  article {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Modal\r\n  dialog > article {\r\n\r\n    --block-spacing-vertical: calc(var(--spacing) * 2);\r\n    --block-spacing-horizontal: var(--spacing);\r\n\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Link\r\na {\r\n  --text-decoration: none;\r\n\r\n  // Secondary & Contrast\r\n  @if $enable-classes {\r\n    &.secondary,\r\n    &.contrast {\r\n      --text-decoration: underline;\r\n    }\r\n  }\r\n}\r\n\r\n// Small\r\nsmall {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  --font-weight: 700;\r\n}\r\n\r\nh1 {\r\n  --font-size: 2rem;\r\n  --typography-spacing-vertical: 3rem;\r\n}\r\n\r\nh2 {\r\n  --font-size: 1.75rem;\r\n  --typography-spacing-vertical: 2.625rem;\r\n}\r\n\r\nh3 {\r\n  --font-size: 1.5rem;\r\n  --typography-spacing-vertical: 2.25rem;\r\n}\r\n\r\nh4 {\r\n  --font-size: 1.25rem;\r\n  --typography-spacing-vertical: 1.874rem;\r\n}\r\n\r\nh5 {\r\n  --font-size: 1.125rem;\r\n  --typography-spacing-vertical: 1.6875rem;\r\n}\r\n\r\n// Forms elements\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  --border-width: 2px;\r\n}\r\n\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --border-width: 3px;\r\n}\r\n\r\n// Table\r\nthead,\r\ntfoot {\r\n  th,\r\n  td {\r\n    --border-width: 3px;\r\n  }\r\n}\r\n\r\n:not(thead):not(tfoot) > * > td {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Code\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\r\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\r\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nkbd {\r\n  --font-weight: bolder;\r\n}\r\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    color-scheme: dark;\n  }\n}\n[data-theme=dark] {\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: dark;\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary: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::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\nnav[aria-label=breadcrumb] {\n  align-items: center;\n  justify-content: left;\n}\nnav[aria-label=breadcrumb] ul li {\n  padding-inline-start: 0;\n}\nnav[aria-label=breadcrumb] ul li:not(:last-child) a::after {\n  padding-inline-start: 0.5rem;\n  content: \"/\";\n  color: var(--muted-color);\n}\nnav[aria-label=breadcrumb] a[aria-current=page] {\n  color: inherit;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.css.map */\n","// Default: Light theme\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --background-color: #{$white};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-700};\r\n  --h1-color: #{$grey-900};\r\n  --h2-color: #{mix($grey-900, $grey-800)};\r\n  --h3-color: #{$grey-800};\r\n  --h4-color: #{mix($grey-800, $grey-700)};\r\n  --h5-color: #{$grey-700};\r\n  --h6-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{$grey-50};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-700};\r\n  --primary-focus: #{rgba($primary-600, 0.125)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-700};\r\n  --secondary-focus: #{rgba($grey-600, 0.125)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-900};\r\n  --contrast-hover: #{$black};\r\n  --contrast-focus: #{rgba($grey-600, 0.125)};\r\n  --contrast-inverse: #{$white};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($amber-100, $amber-50)};\r\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: transparent;\r\n  --form-element-border-color: #{$grey-300};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: transparent;\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-100};\r\n  --form-element-disabled-border-color: #{$grey-300};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-800};\r\n  --form-element-invalid-active-border-color: #{$red-700};\r\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\r\n  --form-element-valid-border-color: #{$green-700};\r\n  --form-element-valid-active-border-color: #{$green-600};\r\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{$grey-200};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{$grey-100};\r\n  --range-active-border-color: #{$grey-200};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\r\n\r\n  // Code\r\n  --code-background-color: #{$grey-50};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 40%, 50%)};\r\n  --code-property-color: #{hsl(185, 40%, 40%)};\r\n  --code-value-color: #{hsl(40, 20%, 50%)};\r\n  --code-comment-color: #{$grey-300};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: var(--background-color);\r\n  --card-border-color: var(--muted-border-color);\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\r\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\r\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\r\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{$grey-100};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: light;\r\n}\r\n","// Default: Dark theme\r\n@mixin dark {\r\n  --background-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-200};\r\n  --h1-color: #{$grey-50};\r\n  --h2-color: #{mix($grey-100, $grey-50)};\r\n  --h3-color: #{$grey-100};\r\n  --h4-color: #{mix($grey-200, $grey-100)};\r\n  --h5-color: #{$grey-200};\r\n  --h6-color: #{mix($grey-300, $grey-200)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-500};\r\n  --primary-focus: #{rgba($primary-600, 0.25)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-500};\r\n  --secondary-focus: #{rgba($grey-500, 0.25)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-50};\r\n  --contrast-hover: #{$white};\r\n  --contrast-focus: #{rgba($grey-500, 0.25)};\r\n  --contrast-inverse: #{$black};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($grey-300, $amber-300)};\r\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\r\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: var(--form-element-background-color);\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-800};\r\n  --form-element-disabled-border-color: #{$grey-700};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-900};\r\n  --form-element-invalid-active-border-color: #{$red-800};\r\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\r\n  --form-element-valid-border-color: #{$green-800};\r\n  --form-element-valid-active-border-color: #{$green-700};\r\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{mix($grey-800, $grey-700)};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{mix($grey-900, $grey-800)};\r\n  --range-active-border-color: #{$grey-800};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\r\n\r\n  // Code\r\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 30%, 50%)};\r\n  --code-property-color: #{hsl(185, 30%, 50%)};\r\n  --code-value-color: #{hsl(40, 10%, 50%)};\r\n  --code-comment-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-active-summary-color: var(--primary);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: #{mix($black, $grey-900, 25%)};\r\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\r\n    0 0.125rem 2rem #{rgba($black, 0.12)},\r\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\r\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{mix($grey-900, $grey-800)};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: dark;\r\n}\r\n","/**\r\n * Document\r\n * Content-box & Responsive typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box; // 1\r\n}\r\n\r\n// 1. Add text decoration inheritance in all browsers (opinionated)\r\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\r\n::before,\r\n::after {\r\n  text-decoration: inherit; // 1\r\n  vertical-align: inherit; // 2\r\n}\r\n\r\n// 1. Correct the line height in all browsers\r\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\n// 3. Change the default tap highlight to be completely transparent in iOS\r\n// 4. Use the default cursor in all browsers (opinionated)\r\n// 5. Use a 4-space tab width in all browsers (opinionated)\r\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\nhtml {\r\n  -webkit-text-size-adjust: 100%; // 2\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\r\n  -ms-text-size-adjust: 100%; // 6\r\n  text-rendering: optimizeLegibility;\r\n  background-color: var(--background-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  line-height: var(--line-height); // 1\r\n  font-family: var(--font-family);\r\n  cursor: default; // 4\r\n  tab-size: 4; // 5\r\n}\r\n","/**\r\n * Sectioning\r\n * Container and responsive spacings for header, main, footer\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Render the `main` element consistently in IE\r\nmain {\r\n  display: block;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbody {\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  > header,\r\n  > main,\r\n  > footer {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n\r\n    // Semantic container\r\n    @if $enable-semantic-container {\r\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n\r\n      // Centered viewport\r\n      @if $enable-viewport {\r\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"sm\")) {\r\n            max-width: map-get($viewports, \"sm\");\r\n            padding-right: 0;\r\n            padding-left: 0;\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"md\")) {\r\n            max-width: map-get($viewports, \"md\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"lg\")) {\r\n            max-width: map-get($viewports, \"lg\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"xl\")) {\r\n            max-width: map-get($viewports, \"xl\");\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Semantic container\r\n    @else {\r\n      padding: var(--block-spacing-vertical) 0;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Section\r\n * Responsive spacings for section\r\n */\r\n\r\nsection {\r\n  margin-bottom: var(--block-spacing-vertical);\r\n}\r\n","/**\r\n * Horizontal scroller (<figure>)\r\n */\r\n\r\n// Wrapper to make any content responsive across all viewports\r\nfigure {\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow-x: auto;\r\n\r\n  figcaption {\r\n    padding: calc(var(--spacing) * 0.5) 0;\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n","/**\r\n * Typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Add the correct font weight in Chrome, Edge, and Safari\r\nb,\r\nstrong {\r\n  font-weight: bolder;\r\n}\r\n\r\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\r\nsub,\r\nsup {\r\n  position: relative;\r\n  font-size: 0.75em;\r\n  line-height: 0;\r\n  vertical-align: baseline;\r\n}\r\nsub {\r\n  bottom: -0.25em;\r\n}\r\nsup {\r\n  top: -0.5em;\r\n}\r\n\r\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\r\ndl dl,\r\ndl ol,\r\ndl ul,\r\nol dl,\r\nul dl {\r\n  margin: 0;\r\n}\r\n\r\n// Remove the margin on nested lists in Edge 18- and IE\r\nol ol,\r\nol ul,\r\nul ol,\r\nul ul {\r\n  margin: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-style: normal;\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Links\r\n// 1. Remove the gray background on active links in IE 10\r\na {\r\n  --color: var(--primary);\r\n  --background-color: transparent;\r\n  outline: none;\r\n  background-color: var(--background-color); // 1\r\n  color: var(--color);\r\n  text-decoration: var(--text-decoration);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition), color var(--transition),\r\n      text-decoration var(--transition), box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --color: var(--primary-hover);\r\n    --text-decoration: underline;\r\n  }\r\n\r\n  &:focus {\r\n    --background-color: var(--primary-focus);\r\n  }\r\n\r\n  @if $enable-classes {\r\n    // Secondary\r\n    &.secondary {\r\n      --color: var(--secondary);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--secondary-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--secondary-focus);\r\n      }\r\n    }\r\n\r\n    // Contrast\r\n    &.contrast {\r\n      --color: var(--contrast);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--contrast-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--contrast-focus);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  font-family: var(--font-family);\r\n}\r\n\r\nh1 {\r\n  --color: var(--h1-color);\r\n}\r\nh2 {\r\n  --color: var(--h2-color);\r\n}\r\nh3 {\r\n  --color: var(--h3-color);\r\n}\r\nh4 {\r\n  --color: var(--h4-color);\r\n}\r\nh5 {\r\n  --color: var(--h5-color);\r\n}\r\nh6 {\r\n  --color: var(--h6-color);\r\n}\r\n\r\n// Margin-top for headings after a typography block\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  & ~ h1,\r\n  & ~ h2,\r\n  & ~ h3,\r\n  & ~ h4,\r\n  & ~ h5,\r\n  & ~ h6 {\r\n    margin-top: var(--typography-spacing-vertical);\r\n  }\r\n}\r\n\r\n// Heading group\r\n@if $enable-classes == false {\r\n  hgroup {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n@if $enable-classes {\r\n  hgroup,\r\n  .headings {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n// Paragraphs\r\np {\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n}\r\n\r\n// Small\r\nsmall {\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Lists\r\nul,\r\nol {\r\n  padding-right: 0;\r\n  padding-left: var(--spacing);\r\n  padding-inline-start: var(--spacing);\r\n  padding-inline-end: 0;\r\n\r\n  li {\r\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\r\n  }\r\n}\r\n\r\nul li {\r\n  list-style: square;\r\n}\r\n\r\n// Highlighted text\r\nmark {\r\n  padding: 0.125rem 0.25rem;\r\n  background-color: var(--mark-background-color);\r\n  color: var(--mark-color);\r\n  vertical-align: baseline;\r\n}\r\n\r\n// Blockquote\r\nblockquote {\r\n  display: block;\r\n  margin: var(--typography-spacing-vertical) 0;\r\n  padding: var(--spacing);\r\n  border-right: none;\r\n  border-left: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-end: none;\r\n\r\n  footer {\r\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\r\n    color: var(--blockquote-footer-color);\r\n  }\r\n}\r\n\r\n// Abbreviations\r\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\r\nabbr[title] {\r\n  border-bottom: 1px dotted;\r\n  text-decoration: none; // 1\r\n  cursor: help;\r\n}\r\n\r\n// Ins\r\nins {\r\n  color: var(--ins-color);\r\n  text-decoration: none;\r\n}\r\n\r\n// del\r\ndel {\r\n  color: var(--del-color);\r\n}\r\n\r\n// selection\r\n::selection {\r\n  background-color: var(--primary-focus);\r\n}\r\n","/**\r\n * Embedded content\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change the alignment on media elements in all browsers (opinionated)\r\naudio,\r\ncanvas,\r\niframe,\r\nimg,\r\nsvg,\r\nvideo {\r\n  vertical-align: middle;\r\n}\r\n\r\n// Add the correct display in IE 9-\r\naudio,\r\nvideo {\r\n  display: inline-block;\r\n}\r\n\r\n// Add the correct display in iOS 4-7\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\n// Remove the border on iframes in all browsers (opinionated)\r\niframe {\r\n  border-style: none;\r\n}\r\n\r\n// 1. Remove the border on images inside links in IE 10.\r\n// 2. Responsive by default\r\nimg {\r\n  max-width: 100%; // 2\r\n  height: auto; // 2\r\n  border-style: none; // 1\r\n}\r\n\r\n// Change the fill color to match the text color in all browsers (opinionated)\r\nsvg:not([fill]) {\r\n  fill: currentColor;\r\n}\r\n\r\n// Hide the overflow in IE\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n","/**\r\n * Button\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\n// 3. Show the overflow in Edge\r\nbutton {\r\n  margin: 0; // 2\r\n  overflow: visible; // 3\r\n  font-family: inherit; // 1\r\n  text-transform: none; // 1\r\n}\r\n\r\n// Correct the inability to style clickable types in iOS and Safari\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n  -webkit-appearance: button;\r\n}\r\n\r\n// Remove the inner border and padding in Firefox\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbutton {\r\n  display: block;\r\n  width: 100%;\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n[role=\"button\"] {\r\n  display: inline-block;\r\n  text-decoration: none;\r\n}\r\n\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\n[role=\"button\"] {\r\n  --background-color: var(--primary);\r\n  --border-color: var(--primary);\r\n  --color: var(--primary-inverse);\r\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: 1rem;\r\n  line-height: var(--line-height);\r\n  text-align: center;\r\n  cursor: pointer;\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--primary-hover);\r\n    --border-color: var(--primary-hover);\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n    --color: var(--primary-inverse);\r\n  }\r\n\r\n  &:focus {\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n      0 0 0 var(--outline-width) var(--primary-focus);\r\n  }\r\n}\r\n\r\n// .secondary, .contrast & .outline\r\n@if $enable-classes {\r\n\r\n  // Secondary\r\n  button.secondary,\r\n  input[type=\"submit\"].secondary,\r\n  input[type=\"button\"].secondary,\r\n  input[type=\"reset\"],\r\n  [role=\"button\"].secondary {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n      --color: var(--secondary-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n\r\n  // Contrast\r\n  button.contrast,\r\n  input[type=\"submit\"].contrast,\r\n  input[type=\"button\"].contrast,\r\n  input[type=\"reset\"].contrast,\r\n  [role=\"button\"].contrast {\r\n    --background-color: var(--contrast);\r\n    --border-color: var(--contrast);\r\n    --color: var(--contrast-inverse);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--contrast-hover);\r\n      --border-color: var(--contrast-hover);\r\n      --color: var(--contrast-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--contrast-focus);\r\n    }\r\n  }\r\n\r\n  // Outline (primary)\r\n  button.outline,\r\n  input[type=\"submit\"].outline,\r\n  input[type=\"button\"].outline,\r\n  input[type=\"reset\"].outline,\r\n  [role=\"button\"].outline {\r\n    --background-color: transparent;\r\n    --color: var(--primary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: transparent;\r\n      --color: var(--primary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (secondary)\r\n  button.outline.secondary,\r\n  input[type=\"submit\"].outline.secondary,\r\n  input[type=\"button\"].outline.secondary,\r\n  input[type=\"reset\"].outline.secondary,\r\n  [role=\"button\"].outline.secondary {\r\n    --color: var(--secondary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (contrast)\r\n  button.outline.contrast,\r\n  input[type=\"submit\"].outline.contrast,\r\n  input[type=\"button\"].outline.contrast,\r\n  input[type=\"reset\"].outline.contrast,\r\n  [role=\"button\"].outline.contrast {\r\n    --color: var(--contrast);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--contrast-hover);\r\n    }\r\n  }\r\n}\r\n\r\n@else {\r\n  // Secondary button without .class\r\n  input[type=\"reset\"] {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n}\r\n\r\n// Button [disabled]\r\n// 1. Links without href are disabled by default\r\nbutton[disabled],\r\ninput[type=\"submit\"][disabled],\r\ninput[type=\"button\"][disabled],\r\ninput[type=\"reset\"][disabled],\r\na[role=\"button\"]:not([href]), // 1\r\n[role=\"button\"][disabled] {\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n}","/**\r\n * Form elements\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n  margin: 0; // 2\r\n  font-size: 1rem; // 1\r\n  line-height: var(--line-height); // 1\r\n  font-family: inherit; // 1\r\n  letter-spacing: inherit; // 2\r\n}\r\n\r\n// Show the overflow in IE.\r\ninput {\r\n  overflow: visible;\r\n}\r\n\r\n// Remove the inheritance of text transform in Edge, Firefox, and IE\r\nselect {\r\n  text-transform: none;\r\n}\r\n\r\n// 1. Correct the text wrapping in Edge and IE\r\n// 2. Correct the color inheritance from `fieldset` elements in IE\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n// `fieldset` elements in all browsers\r\nlegend {\r\n  max-width: 100%; // 1\r\n  padding: 0; // 3\r\n  color: inherit; // 2\r\n  white-space: normal; // 1\r\n}\r\n\r\n// 1. Remove the default vertical scrollbar in IE\r\ntextarea {\r\n  overflow: auto; // 1\r\n}\r\n\r\n// Remove the padding in IE 10\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  padding: 0;\r\n}\r\n\r\n// Correct the cursor style of increment and decrement buttons in Safari\r\n::-webkit-inner-spin-button,\r\n::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n// 1. Correct the odd appearance in Chrome and Safari\r\n// 2. Correct the outline style in Safari\r\n[type=\"search\"] {\r\n  -webkit-appearance: textfield; // 1\r\n  outline-offset: -2px; // 2\r\n}\r\n\r\n// Remove the inner padding in Chrome and Safari on macOS\r\n[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}\r\n\r\n// 1. Correct the inability to style clickable types in iOS and Safari\r\n// 2. Change font properties to `inherit` in Safari\r\n::-webkit-file-upload-button {\r\n  -webkit-appearance: button; // 1\r\n  font: inherit; // 2\r\n}\r\n\r\n// Remove the inner border and padding of focus outlines in Firefox\r\n::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n//  Remove the focus outline in Firefox\r\n:-moz-focusring {\r\n  outline: none;\r\n}\r\n\r\n// Remove the additional :invalid styles in Firefox\r\n:-moz-ui-invalid {\r\n  box-shadow: none;\r\n}\r\n\r\n// Change the inconsistent appearance in IE (opinionated)\r\n::-ms-expand {\r\n  display: none;\r\n}\r\n\r\n// Remove the border and padding in all browsers (opinionated)\r\n[type=\"file\"],\r\n[type=\"range\"] {\r\n  padding: 0;\r\n  border-width: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Force height for alternatives input types\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\r\n  height: calc(\r\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\r\n      (var(--border-width) * 2)\r\n  );\r\n}\r\n\r\n// Fieldset\r\nfieldset {\r\n  margin: 0;\r\n  margin-bottom: var(--spacing);\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n// Label & legend\r\nlabel,\r\nfieldset legend {\r\n  display: block;\r\n  margin-bottom: calc(var(--spacing) * 0.25);\r\n  font-weight: var(--form-label-font-weight, var(--font-weight));\r\n}\r\n\r\n// Blocks, 100%\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  width: 100%;\r\n}\r\n\r\n// Reset appearance (Not Checkboxes, Radios, Range and File)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\r\nselect,\r\ntextarea {\r\n  appearance: none;\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  vertical-align: middle;\r\n}\r\n\r\n// Commons styles\r\ninput,\r\nselect,\r\ntextarea {\r\n  --background-color: var(--form-element-background-color);\r\n  --border-color: var(--form-element-border-color);\r\n  --color: var(--form-element-color);\r\n  --box-shadow: none;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--form-element-active-background-color);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --border-color: var(--form-element-active-border-color);\r\n  }\r\n}\r\n\r\n// Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:focus {\r\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\r\n  }\r\n}\r\n\r\n// Disabled\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\r\nselect,\r\ntextarea {\r\n  &[disabled] {\r\n    --background-color: var(--form-element-disabled-background-color);\r\n    --border-color: var(--form-element-disabled-border-color);\r\n    opacity: var(--form-element-disabled-opacity);\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\ninput,\r\nselect,\r\ntextarea {\r\n\r\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n    &[aria-invalid] {\r\n      @if $enable-important {\r\n        padding-right: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\r\n        padding-inline-end: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n      } @else {\r\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal);\r\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n      }\r\n      background-position: center right 0.75rem;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    &[aria-invalid=\"false\"] {\r\n      background-image: var(--icon-valid);\r\n    }\r\n  \r\n    &[aria-invalid=\"true\"] {\r\n      background-image: var(--icon-invalid);\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n\r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-valid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-valid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n    \r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-invalid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-invalid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  input,\r\n  select,\r\n  textarea {\r\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      &[aria-invalid],\r\n      &[aria-invalid=\"true\"],\r\n      &[aria-invalid=\"false\"] {\r\n        background-position: center left 0.75rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Placeholder\r\ninput::placeholder,\r\ninput::-webkit-input-placeholder,\r\ntextarea::placeholder,\r\ntextarea::-webkit-input-placeholder,\r\nselect:invalid {\r\n  color: var(--form-element-placeholder-color);\r\n  opacity: 1;\r\n}\r\n\r\n// Margin bottom (Not Checkboxes and Radios)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n// Select\r\nselect {\r\n  // Unstyle the caret on `<select>`s in IE10+.\r\n  &::-ms-expand {\r\n    border: 0;\r\n    background-color: transparent;\r\n  }\r\n\r\n  &:not([multiple]):not([size]) {\r\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    padding-left: var(--form-element-spacing-horizontal);\r\n    padding-inline-start: var(--form-element-spacing-horizontal);\r\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    background-image: var(--icon-chevron);\r\n    background-position: center right 0.75rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  select {\r\n    &:not([multiple]):not([size]) {\r\n      background-position: center left 0.75rem;\r\n    }\r\n  }\r\n}\r\n\r\n// Helper\r\ninput,\r\nselect,\r\ntextarea {\r\n  + small {\r\n    display: block;\r\n    width: 100%;\r\n    margin-top: calc(var(--spacing) * -0.75);\r\n    margin-bottom: var(--spacing);\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n\r\n// Styles for Input inside a label\r\nlabel {\r\n  & > input,\r\n  & > select,\r\n  & > textarea {\r\n    margin-top: calc(var(--spacing) * 0.25);\r\n  }\r\n}\r\n","/**\r\n * Form elements\r\n * Checkboxes & Radios\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 1.25em;\r\n  height: 1.25em;\r\n  margin-top: -0.125em;\r\n  margin-right: 0.375em;\r\n  margin-left: 0;\r\n  margin-inline-start: 0;\r\n  margin-inline-end: 0.375em;\r\n  border-width: var(--border-width);\r\n  font-size: inherit;\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n\r\n  &::-ms-check {\r\n    display: none; // unstyle IE checkboxes\r\n  }\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-checkbox);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  & ~ label {\r\n    display: inline-block;\r\n    margin-right: 0.375em;\r\n    margin-bottom: 0;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n// Checkboxes\r\n[type=\"checkbox\"] {\r\n  &:indeterminate {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-minus);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Radios\r\n[type=\"radio\"] {\r\n  border-radius: 50%;\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary-inverse);\r\n    border-width: 0.35em;\r\n    background-image: none;\r\n  }\r\n}\r\n\r\n// Switchs\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --background-color: var(--switch-background-color);\r\n  --border-color: var(--switch-background-color);\r\n  --color: var(--switch-color);\r\n\r\n  // Config\r\n  $switch-height: 1.25em;\r\n  $switch-width: 2.25em;\r\n  $switch-transition: 0.1s ease-in-out;\r\n\r\n  // Styles\r\n  width: $switch-width;\r\n  height: $switch-height;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: $switch-height;\r\n  background-color: var(--background-color);\r\n  line-height: $switch-height;\r\n\r\n  &:focus {\r\n    --background-color: var(--switch-background-color);\r\n    --border-color: var(--switch-background-color);\r\n  }\r\n\r\n  &:checked {\r\n    --background-color: var(--switch-checked-background-color);\r\n    --border-color: var(--switch-checked-background-color);\r\n  }\r\n\r\n  &:before {\r\n    display: block;\r\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    background-color: var(--color);\r\n    content: \"\";\r\n\r\n    @if $enable-transitions {\r\n      transition: margin $switch-transition;\r\n    }\r\n  }\r\n\r\n  &:checked {\r\n    background-image: none;\r\n\r\n    &::before {\r\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\r\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\r\n    }\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\n[type=\"checkbox\"],\r\n[type=\"checkbox\"]:checked,\r\n[type=\"radio\"],\r\n[type=\"radio\"]:checked,\r\n[type=\"checkbox\"][role=\"switch\"],\r\n[type=\"checkbox\"][role=\"switch\"]:checked {\r\n  \r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n  }\r\n}","/**\r\n * Form elements\r\n * Alternatives input types (Not Checkboxes & Radios)\r\n */\r\n\r\n// Color\r\n[type=\"color\"] {\r\n  // Wrapper\r\n  @mixin color-wrapper {\r\n    padding: 0;\r\n  }\r\n\r\n  &::-webkit-color-swatch-wrapper {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  &::-moz-focus-inner {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  // Swatch\r\n  @mixin color-swatch {\r\n    border: none;\r\n    border-radius: calc(var(--border-radius) * 0.5);\r\n  }\r\n\r\n  &::-webkit-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n\r\n  &::-moz-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n}\r\n\r\n// Date & Time\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n  &[type=\"date\"],\r\n  &[type=\"datetime-local\"],\r\n  &[type=\"month\"],\r\n  &[type=\"time\"],\r\n  &[type=\"week\"] {\r\n    --icon-position: 0.75rem;\r\n    --icon-width: 1rem;\r\n    padding-right: calc(var(--icon-width) + var(--icon-position));\r\n    background-image: var(--icon-date);\r\n    background-position: center right var(--icon-position);\r\n    background-size: var(--icon-width) auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  // Time\r\n  &[type=\"time\"] {\r\n    background-image: var(--icon-time);\r\n  }\r\n}\r\n\r\n// Calendar picker\r\n[type=\"date\"],\r\n[type=\"datetime-local\"],\r\n[type=\"month\"],\r\n[type=\"time\"],\r\n[type=\"week\"] {\r\n  &::-webkit-calendar-picker-indicator {\r\n    width: var(--icon-width);\r\n    margin-right: calc(var(--icon-width) * -1);\r\n    margin-left: var(--icon-position);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  [type=\"date\"],\r\n  [type=\"datetime-local\"],\r\n  [type=\"month\"],\r\n  [type=\"time\"],\r\n  [type=\"week\"] {\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n// File\r\n[type=\"file\"] {\r\n  --color: var(--muted-color);\r\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\r\n  border: none;\r\n  border-radius: 0;\r\n  background: none;\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    border: none;\r\n    background: none;\r\n  }\r\n\r\n  @mixin file-selector-button {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    margin-right: calc(var(--spacing) / 2);\r\n    margin-left: 0;\r\n    margin-inline-start: 0;\r\n    margin-inline-end: calc(var(--spacing) / 2);\r\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\r\n      calc(var(--form-element-spacing-horizontal) * 0.5);\r\n    border: var(--border-width) solid var(--border-color);\r\n    border-radius: var(--border-radius);\r\n    outline: none;\r\n    background-color: var(--background-color);\r\n    box-shadow: var(--box-shadow);\r\n    color: var(--color);\r\n    font-weight: var(--font-weight);\r\n    font-size: 1rem;\r\n    line-height: var(--line-height);\r\n    text-align: center;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        border-color var(--transition), color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  &::file-selector-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-webkit-file-upload-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-ms-browse {\r\n    @include file-selector-button;\r\n  }\r\n}\r\n\r\n// Range\r\n[type=\"range\"] {\r\n  // Config\r\n  $height-track: 0.25rem;\r\n  $height-thumb: 1.25rem;\r\n  $border-thumb: 2px;\r\n\r\n  // Styles\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: $height-thumb;\r\n  background: transparent;\r\n\r\n  // Slider Track\r\n  @mixin slider-track {\r\n    width: 100%;\r\n    height: $height-track;\r\n    border-radius: var(--border-radius);\r\n    background-color: var(--range-border-color);\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n  }\r\n\r\n  &::-webkit-slider-runnable-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-moz-range-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-ms-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  // Slider Thumb\r\n  @mixin slider-thumb {\r\n    -webkit-appearance: none;\r\n    width: $height-thumb;\r\n    height: $height-thumb;\r\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\r\n    border: $border-thumb solid var(--range-thumb-border-color);\r\n    border-radius: 50%;\r\n    background-color: var(--range-thumb-color);\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        transform var(--transition);\r\n    }\r\n  }\r\n  &::-webkit-slider-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-moz-range-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-ms-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    --range-border-color: var(--range-active-border-color);\r\n    --range-thumb-color: var(--range-thumb-hover-color);\r\n  }\r\n\r\n  &:active {\r\n    --range-thumb-color: var(--range-thumb-active-color);\r\n\r\n    // Slider Thumb\r\n    &::-webkit-slider-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-moz-range-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-ms-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n  }\r\n}\r\n\r\n// Search\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n  &[type=\"search\"] {\r\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\r\n    border-radius: 5rem;\r\n    background-image: var(--icon-search);\r\n    background-position: center left 1.125rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Cancel button\r\n[type=\"search\"] {\r\n  &::-webkit-search-cancel-button {\r\n    -webkit-appearance: none;\r\n    display: none;\r\n  }\r\n}\r\n","/**\r\n * Table\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Collapse border spacing in all browsers (opinionated).\r\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\r\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\r\ntable {\r\n  width: 100%;\r\n  border-color: inherit; // 2\r\n  border-collapse: collapse; // 1\r\n  border-spacing: 0;\r\n  text-indent: 0; // 3\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Cells\r\nth,\r\ntd {\r\n  padding: calc(var(--spacing) / 2) var(--spacing);\r\n  border-bottom: var(--border-width) solid var(--table-border-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  text-align: left;\r\n  text-align: start;\r\n}\r\n\r\n// Footer\r\ntfoot {\r\n  th,\r\n  td {\r\n    border-top: var(--border-width) solid var(--table-border-color);\r\n    border-bottom: 0;\r\n  }\r\n}\r\n\r\n// Striped\r\ntable {\r\n  &[role=\"grid\"] {\r\n    tbody tr:nth-child(odd) {\r\n      background-color: var(--table-row-stripped-background-color);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Code\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Correct the inheritance and scaling of font size in all browsers\r\n// 2. Correct the font sizing in all browsers\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  font-size: 0.875em; // 2\r\n  font-family: var(--font-family); // 1\r\n}\r\n\r\n// Prevent overflow of the container in all browsers (opinionated)\r\npre {\r\n  -ms-overflow-style: scrollbar;\r\n  overflow: auto;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\npre,\r\ncode,\r\nkbd {\r\n  border-radius: var(--border-radius);\r\n  background: var(--code-background-color);\r\n  color: var(--code-color);\r\n  font-weight: var(--font-weight);\r\n  line-height: initial;\r\n}\r\n\r\ncode,\r\nkbd {\r\n  display: inline-block;\r\n  padding: 0.375rem 0.5rem;\r\n}\r\n\r\npre {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  overflow-x: auto;\r\n\r\n  > code {\r\n    display: block;\r\n    padding: var(--spacing);\r\n    background: transparent;\r\n    font-size: 14px;\r\n    line-height: var(--line-height);\r\n  }\r\n}\r\n\r\n// Code Syntax\r\ncode {\r\n  // Tags\r\n  b {\r\n    color: var(--code-tag-color);\r\n    font-weight: var(--font-weight);\r\n  }\r\n\r\n  // Properties\r\n  i {\r\n    color: var(--code-property-color);\r\n    font-style: normal;\r\n  }\r\n\r\n  // Values\r\n  u {\r\n    color: var(--code-value-color);\r\n    text-decoration: none;\r\n  }\r\n\r\n  // Comments\r\n  em {\r\n    color: var(--code-comment-color);\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// kbd\r\nkbd {\r\n  background-color: var(--code-kbd-background-color);\r\n  color: var(--code-kbd-color);\r\n  vertical-align: baseline;\r\n}\r\n","/**\r\n * Miscs\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct box sizing in Firefox\r\n// 2. Show the overflow in Edge and IE\r\nhr {\r\n  box-sizing: content-box; // 1\r\n  height: 0; // 1\r\n  overflow: visible; // 2\r\n  border: none;\r\n  border-top: 1px solid var(--muted-border-color);\r\n}\r\n\r\n// Add the correct display in IE 10+\r\n[hidden],\r\ntemplate {\r\n  @if $enable-important {\r\n    display: none !important;\r\n  } @else {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Add the correct display in IE 9-\r\ncanvas {\r\n  display: inline-block;\r\n}\r\n","/**\r\n * Accordion (<details>)\r\n */\r\n\r\ndetails {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  padding-bottom: calc(var(--spacing) * 0.5);\r\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\r\n\r\n  summary {\r\n    color: var(--accordion-close-summary-color);\r\n    line-height: 1rem;\r\n    list-style-type: none;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: color var(--transition);\r\n    }\r\n\r\n    // Reset marker\r\n    &::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    &::marker {\r\n      display: none;\r\n    }\r\n\r\n    &::-moz-list-bullet {\r\n      list-style-type: none;\r\n    }\r\n\r\n    // Marker\r\n    &::after {\r\n      display: block;\r\n      width: 1rem;\r\n      height: 1rem;\r\n      float: right;\r\n      transform: rotate(-90deg);\r\n      background-image: var(--icon-chevron);\r\n      background-position: center;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n      content: \"\";\r\n\r\n      @if $enable-transitions {\r\n        transition: transform var(--transition);\r\n      }\r\n    }\r\n\r\n    &:focus {\r\n      outline: none;\r\n      color: var(--accordion-active-summary-color);\r\n    }\r\n\r\n    ~ * {\r\n      margin-top: calc(var(--spacing) * 0.5);\r\n\r\n      ~ * {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Open\r\n  &[open] {\r\n    > summary {\r\n      margin-bottom: calc(var(--spacing) * 0.25);\r\n\r\n      &:not(:focus) {\r\n        color: var(--accordion-open-summary-color);\r\n      }\r\n\r\n      &::after {\r\n        transform: rotate(0);\r\n      } \r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  details {\r\n    summary {\r\n      &::after {\r\n        float: left;\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Card (<article>)\r\n */\r\n\r\narticle {\r\n  margin: var(--block-spacing-vertical) 0;\r\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n  overflow: hidden;\r\n  border-radius: var(--border-radius);\r\n  background: var(--card-background-color);\r\n  box-shadow: var(--card-box-shadow);\r\n\r\n  > header,\r\n  > footer {\r\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\r\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\r\n    padding: calc(var(--block-spacing-vertical) * 0.66)\r\n      var(--block-spacing-horizontal);\r\n    background-color: var(--card-sectionning-background-color);\r\n  }\r\n\r\n  > header {\r\n    margin-top: calc(var(--block-spacing-vertical) * -1);\r\n    margin-bottom: var(--block-spacing-vertical);\r\n    border-bottom: var(--border-width) solid var(--card-border-color);\r\n  }\r\n\r\n  > footer {\r\n    margin-top: var(--block-spacing-vertical);\r\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\r\n    border-top: var(--border-width) solid var(--card-border-color);\r\n  }\r\n}\r\n","/**\r\n * Modal (<dialog>)\r\n */\r\n\r\n:root {\r\n  --scrollbar-width: 0px;\r\n}\r\n\r\ndialog {\r\n  display: flex;\r\n  z-index: 999;\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: inherit;\r\n  min-width: 100%;\r\n  height: inherit;\r\n  min-height: 100%;\r\n  padding: var(--spacing);\r\n  border: none;\r\n  background-color: var(--modal-overlay-background-color);\r\n\r\n  // Content\r\n  article {\r\n    max-height: calc(100vh - var(--spacing) * 2);\r\n    overflow: auto;\r\n\r\n    @if map-get($breakpoints, 'sm') {\r\n      @media (min-width: map-get($breakpoints, 'sm')) {\r\n        max-width: map-get($viewports, 'sm');\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, 'md') {\r\n      @media (min-width: map-get($breakpoints, 'md')) {\r\n        max-width: map-get($viewports, 'md');\r\n      }\r\n    }\r\n\r\n    > header,\r\n    > footer {\r\n      padding: calc(var(--block-spacing-vertical) * 0.5)\r\n        var(--block-spacing-horizontal);\r\n    }\r\n\r\n    > header {\r\n      .close {\r\n        margin: 0;\r\n        margin-left: var(--spacing);\r\n        float: right;\r\n      }\r\n    }\r\n\r\n    > footer {\r\n      text-align: right;\r\n\r\n      [role='button'] {\r\n        margin-bottom: 0;\r\n\r\n        &:not(:first-of-type) {\r\n          margin-left: calc(var(--spacing) * 0.5);\r\n        }\r\n      }\r\n    }\r\n\r\n    p {\r\n      &:last-of-type {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    // Close icon\r\n    @if $enable-classes {\r\n      .close {\r\n        display: block;\r\n        width: 1rem;\r\n        height: 1rem;\r\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\r\n        margin-bottom: var(--typography-spacing-vertical);\r\n        margin-left: auto;\r\n        background-image: var(--icon-close);\r\n        background-position: center;\r\n        background-size: auto 1rem;\r\n        background-repeat: no-repeat;\r\n        opacity: 0.5;\r\n\r\n        @if $enable-transitions {\r\n          transition: opacity var(--transition);\r\n        }\r\n\r\n        &:hover,\r\n        &:active,\r\n        &:focus {\r\n          opacity: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Closed state\r\n  &:not([open]),\r\n  &[open='false'] {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Utilities\r\n@if $enable-classes {\r\n  .modal-is-open {\r\n    padding-right: var(--scrollbar-width, 0px);\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n\r\n    dialog {\r\n      pointer-events: auto;\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if ($enable-classes and $enable-transitions) {\r\n  $animation-duration: 0.2s;\r\n\r\n  .modal-is-opening,\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-duration: $animation-duration;\r\n      animation-timing-function: ease-in-out;\r\n      animation-fill-mode: both;\r\n    }\r\n\r\n    dialog {\r\n      animation-duration: ($animation-duration * 4);\r\n      animation-name: fadeIn;\r\n\r\n      > article {\r\n        animation-delay: $animation-duration;\r\n        animation-name: slideInDown;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-delay: 0s;\r\n      animation-direction: reverse;\r\n    }\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    from {\r\n      background-color: transparent;\r\n    }\r\n    to {\r\n      background-color: var(--modal-overlay-background-color);\r\n    }\r\n  }\r\n\r\n  @keyframes slideInDown {\r\n    from {\r\n      transform: translateY(-100%);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Nav\r\n */\r\n\r\n// Horizontal Nav\r\nnav,\r\nnav ul {\r\n  display: flex;\r\n}\r\n\r\nnav {\r\n  justify-content: space-between;\r\n\r\n  ol,\r\n  ul {\r\n    align-items: center;\r\n    margin-bottom: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n\r\n    &:first-of-type {\r\n      margin-left: calc(var(--spacing) * -0.5);\r\n    }\r\n    &:last-of-type {\r\n      margin-right: calc(var(--spacing) * -0.5);\r\n    }\r\n  }\r\n\r\n  li {\r\n    display: inline-block;\r\n    margin: 0;\r\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n\r\n    // HACK: Input & Button inside Nav\r\n    > *,\r\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  a {\r\n    display: block;\r\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\r\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n    border-radius: var(--border-radius);\r\n    text-decoration: none;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      text-decoration: none;\r\n    }\r\n  }\r\n\r\n  &[aria-label=\"breadcrumb\"] {\r\n    align-items: center;\r\n    justify-content: left;\r\n\r\n    & ul li {\r\n      padding-inline-start: 0;\r\n\r\n      &:not(:last-child) {\r\n        a::after {\r\n          padding-inline-start: 0.5rem;\r\n          content: \"/\";\r\n          color: var(--muted-color);\r\n        }\r\n      }\r\n    }\r\n\r\n    & a[aria-current=\"page\"] {\r\n      color: inherit;\r\n    }\r\n  }\r\n}\r\n\r\n// Vertical Nav\r\naside {\r\n  nav,\r\n  ol,\r\n  ul,\r\n  li {\r\n    display: block;\r\n  }\r\n\r\n  li {\r\n    padding: calc(var(--spacing) * 0.5);\r\n\r\n    a {\r\n      margin: calc(var(--spacing) * -0.5);\r\n      padding: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Progress\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct display in Edge 18- and IE\r\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\r\nprogress {\r\n  display: inline-block; // 1\r\n  vertical-align: baseline; // 2\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nprogress {\r\n  // Reset the default appearance\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n\r\n  // Styles\r\n  display: inline-block;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: 0.5rem;\r\n  margin-bottom: calc(var(--spacing) * 0.5);\r\n  overflow: hidden;\r\n\r\n  // Remove Firefox and Opera border\r\n  border: 0;\r\n  border-radius: var(--border-radius);\r\n  background-color: var(--progress-background-color);\r\n\r\n  // IE10 uses `color` to set the bar background-color\r\n  color: var(--progress-color);\r\n\r\n  &::-webkit-progress-bar {\r\n    border-radius: var(--border-radius);\r\n    background: transparent;\r\n  }\r\n  &[value]::-webkit-progress-value {\r\n    background-color: var(--progress-color);\r\n  }\r\n  &::-moz-progress-bar {\r\n    background-color: var(--progress-color);\r\n  }\r\n\r\n  // Indeterminate state\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    &:indeterminate {\r\n      background: var(--progress-background-color)\r\n        linear-gradient(\r\n          to right,\r\n          var(--progress-color) 30%,\r\n          var(--progress-background-color) 30%\r\n        )\r\n        top left / 150% 150% no-repeat;\r\n      animation: progressIndeterminate 1s linear infinite;\r\n\r\n      &[value]::-webkit-progress-value {\r\n        background-color: transparent;\r\n      }\r\n      &::-moz-progress-bar {\r\n        background-color: transparent;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes progressIndeterminate {\r\n  0% {\r\n    background-position: 200% 0;\r\n  }\r\n  100% {\r\n    background-position: -200% 0;\r\n  }\r\n}\r\n","/**\r\n * Loading ([aria-busy=true])\r\n */\r\n\r\n\r\n// Cursor\r\n[aria-busy=\"true\"] {\r\n  cursor: progress;\r\n}\r\n\r\n// Everyting except form elements\r\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\r\n\r\n  &::before {\r\n    display: inline-block;\r\n    width: 1em;\r\n    height: 1em;\r\n    border: 0.1875em solid currentColor;\r\n    border-radius: 1em;\r\n    border-right-color: transparent;\r\n    content: '';\r\n    vertical-align: text-bottom;\r\n    vertical-align: -.125em; // Visual alignment\r\n    animation: spinner 0.75s linear infinite;\r\n    opacity: var(--loading-spinner-opacity);\r\n  }\r\n\r\n  &:not(:empty) {\r\n    &::before {\r\n      margin-right: calc(var(--spacing) * 0.5);\r\n      margin-left: 0;\r\n      margin-inline-start: 0;\r\n      margin-inline-end: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n\r\n  &:empty {\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n// Buttons and links\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\na {\r\n  &[aria-busy=\"true\"] {\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n// Animation: rotate\r\n@keyframes spinner {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n","/**\r\n * Tooltip ([data-tooltip])\r\n */\r\n\r\n[data-tooltip] {\r\n  position: relative;\r\n\r\n  &:not(a):not(button):not(input) {\r\n    border-bottom: 1px dotted;\r\n    text-decoration: none;\r\n    cursor: help;\r\n  }\r\n\r\n  &::before,\r\n  &::after {\r\n    display: block;\r\n    z-index: 99;\r\n    position: absolute;\r\n    bottom: 100%;\r\n    left: 50%;\r\n    padding: .25rem .5rem;\r\n    overflow: hidden;\r\n    transform: translate(-50%, -.25rem);\r\n    border-radius: var(--border-radius);\r\n    background: var(--tooltip-background-color);\r\n    content: attr(data-tooltip);\r\n    color: var(--tooltip-color);\r\n    font-style: normal;\r\n    font-weight: var(--font-weight);\r\n    font-size: .875rem;\r\n    text-decoration: none;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  // Caret\r\n  &::after {\r\n    padding: 0;\r\n    transform: translate(-50%, 0rem);\r\n    border-top: .3rem solid;\r\n    border-right: .3rem solid transparent;\r\n    border-left: .3rem solid transparent;\r\n    border-radius: 0;\r\n    background-color: transparent;\r\n    content: '';\r\n    color: var(--tooltip-background-color);\r\n  }\r\n\r\n  // Display\r\n  &:focus,\r\n  &:hover {\r\n    &::before,\r\n    &::after {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  // Animations, excluding touch devices\r\n  @if $enable-transitions {\r\n    @media (hover: hover) and (pointer: fine) {\r\n      &:focus,\r\n      &:hover {\r\n        &::before,\r\n        &::after {\r\n          animation-duration: .2s;\r\n          animation-name: slide;\r\n        }\r\n\r\n        &::after {\r\n          animation-name: slideCaret; \r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if $enable-transitions {\r\n  @keyframes slide {\r\n    from {\r\n      transform: translate(-50%, .75rem);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translate(-50%, -.25rem);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @keyframes slideCaret {\r\n    from {\r\n      opacity: 0;\r\n    }\r\n    50% {\r\n      transform: translate(-50%, -.25rem);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translate(-50%, 0rem);\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Accessibility & User interaction\r\n */\r\n\r\n\r\n// Based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Accessibility\r\n\r\n// Change the cursor on control elements in all browsers (opinionated)\r\n[aria-controls] {\r\n  cursor: pointer;\r\n}\r\n\r\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\r\n[aria-disabled=\"true\"],\r\n[disabled] {\r\n  cursor: not-allowed;\r\n}\r\n\r\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\r\n[aria-hidden=\"false\"][hidden] {\r\n  display: initial;\r\n}\r\n\r\n[aria-hidden=\"false\"][hidden]:not(:focus) {\r\n  clip: rect(0, 0, 0, 0);\r\n  position: absolute;\r\n}\r\n\r\n// User interaction\r\n// Remove the tapping delay in IE 10\r\na,\r\narea,\r\nbutton,\r\ninput,\r\nlabel,\r\nselect,\r\nsummary,\r\ntextarea,\r\n[tabindex] {\r\n  -ms-touch-action: manipulation;\r\n}\r\n\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n[dir=\"rtl\"] {\r\n  direction: rtl;\r\n}\r\n","@if $enable-transitions and $enable-important {\r\n\r\n/**\r\n * Reduce Motion Features\r\n */\r\n\r\n\r\n  // Based on :\r\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n  // ––––––––––––––––––––\r\n\r\n  // 1. Remove animations when motion is reduced (opinionated)\r\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\r\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\r\n  // 4. Remove transitions when motion is reduced (opinionated)\r\n  @media (prefers-reduced-motion: reduce) {\r\n    *:not([aria-busy=\"true\"]),\r\n    :not([aria-busy=\"true\"])::before,\r\n    :not([aria-busy=\"true\"])::after {\r\n      background-attachment: initial !important; // 2\r\n      animation-duration: 1ms !important; // 1\r\n      animation-delay: -1ms !important; // 1\r\n      animation-iteration-count: 1 !important; // 1\r\n      scroll-behavior: auto !important; // 3\r\n      transition-delay: 0s !important; // 4\r\n      transition-duration: 0s !important; // 4\r\n    }\r\n  }\r\n}\r\n"]}
\ No newline at end of file
diff --git a/css/pico.fluid.classless.min.css b/css/pico.fluid.classless.min.css
index 00f65830..f017ada7 100644
--- a/css/pico.fluid.classless.min.css
+++ b/css/pico.fluid.classless.min.css
@@ -1,5 +1,5 @@
 /*!
  * Pico.css v1.4.4 (https://picocss.com)
  * Copyright 2019-2021 - Licensed under MIT
- */:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead):not(tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:#a2afb9;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal)}section{margin-bottom:var(--block-spacing-vertical)}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}ol,ul{padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}ol li,ul li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}[role=button]{display:inline-block;text-decoration:none}[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:active,[role=button]:focus,[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--color:var(--primary-inverse)}[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}input[type=reset]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>textarea{margin-top:calc(var(--spacing) * .25)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week]{--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] [type=date],[dir=rtl] [type=datetime-local],[dir=rtl] [type=month],[dir=rtl] [type=time],[dir=rtl] [type=week]{text-align:right}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search]{padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}table{width:100%;border-color:inherit;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing) * .5);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{color:var(--accordion-close-summary-color);line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0;color:var(--accordion-active-summary-color)}details summary~*{margin-top:calc(var(--spacing) * .5)}details summary~*~*{margin-top:0}details[open]>summary{margin-bottom:calc(var(--spacing) * .25)}details[open]>summary:not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;border-radius:var(--border-radius);background:var(--card-background-color);box-shadow:var(--card-box-shadow)}article>footer,article>header{margin-right:calc(var(--block-spacing-horizontal) * -1);margin-left:calc(var(--block-spacing-horizontal) * -1);padding:calc(var(--block-spacing-vertical) * .66) var(--block-spacing-horizontal);background-color:var(--card-sectionning-background-color)}article>header{margin-top:calc(var(--block-spacing-vertical) * -1);margin-bottom:var(--block-spacing-vertical);border-bottom:var(--border-width) solid var(--card-border-color)}article>footer{margin-top:var(--block-spacing-vertical);margin-bottom:calc(var(--block-spacing-vertical) * -1);border-top:var(--border-width) solid var(--card-border-color)}:root{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:none;background-color:var(--modal-overlay-background-color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog:not([open]),dialog[open=false]{display:none}nav,nav ul{display:flex}nav{justify-content:space-between}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(textarea)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input):not(select):not(textarea):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
+ */:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead):not(tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:#a2afb9;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:light}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}}[data-theme=dark]{--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal)}section{margin-bottom:var(--block-spacing-vertical)}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}hgroup{margin-bottom:var(--typography-spacing-vertical)}hgroup>*{margin-bottom:0}hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}ol,ul{padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}ol li,ul li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}[role=button]{display:inline-block;text-decoration:none}[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:active,[role=button]:focus,[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--color:var(--primary-inverse)}[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}input[type=reset]{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}input[type=reset]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>textarea{margin-top:calc(var(--spacing) * .25)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week]{--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] [type=date],[dir=rtl] [type=datetime-local],[dir=rtl] [type=month],[dir=rtl] [type=time],[dir=rtl] [type=week]{text-align:right}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search]{padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}table{width:100%;border-color:inherit;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing) * .5);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{color:var(--accordion-close-summary-color);line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0;color:var(--accordion-active-summary-color)}details summary~*{margin-top:calc(var(--spacing) * .5)}details summary~*~*{margin-top:0}details[open]>summary{margin-bottom:calc(var(--spacing) * .25)}details[open]>summary:not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;border-radius:var(--border-radius);background:var(--card-background-color);box-shadow:var(--card-box-shadow)}article>footer,article>header{margin-right:calc(var(--block-spacing-horizontal) * -1);margin-left:calc(var(--block-spacing-horizontal) * -1);padding:calc(var(--block-spacing-vertical) * .66) var(--block-spacing-horizontal);background-color:var(--card-sectionning-background-color)}article>header{margin-top:calc(var(--block-spacing-vertical) * -1);margin-bottom:var(--block-spacing-vertical);border-bottom:var(--border-width) solid var(--card-border-color)}article>footer{margin-top:var(--block-spacing-vertical);margin-bottom:calc(var(--block-spacing-vertical) * -1);border-top:var(--border-width) solid var(--card-border-color)}:root{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:none;background-color:var(--modal-overlay-background-color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog:not([open]),dialog[open=false]{display:none}nav,nav ul{display:flex}nav{justify-content:space-between}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}nav[aria-label=breadcrumb]{align-items:center;justify-content:left}nav[aria-label=breadcrumb] ul li{-webkit-padding-start:0;padding-inline-start:0}nav[aria-label=breadcrumb] ul li:not(:last-child) a::after{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem;content:"/";color:var(--muted-color)}nav[aria-label=breadcrumb] a[aria-current=page]{color:inherit}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(textarea)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input):not(select):not(textarea):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
 /*# sourceMappingURL=pico.fluid.classless.min.css.map */
\ No newline at end of file
diff --git a/css/pico.fluid.classless.min.css.map b/css/pico.fluid.classless.min.css.map
index dc197e03..f8fcafe6 100644
--- a/css/pico.fluid.classless.min.css.map
+++ b/css/pico.fluid.classless.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.fluid.classless.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_section.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary: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::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\n@if $enable-classes == false {\n  hgroup {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n@if $enable-classes {\n  hgroup,\n  .headings {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n    --color: var(--primary-inverse);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n\n  // Contrast\n  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--contrast-focus);\n    }\n  }\n\n  // Outline (primary)\n  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n}\n\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-valid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n    \n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-invalid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Footer\ntfoot {\n  th,\n  td {\n    border-top: var(--border-width) solid var(--table-border-color);\n    border-bottom: 0;\n  }\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss\\pico.scss","scss\\themes\\default\\_styles.scss","css\\pico.fluid.classless.css","scss\\themes\\default\\_light.scss","scss\\themes\\default.scss","scss\\themes\\default\\_dark.scss","scss\\layout\\_document.scss","scss\\layout\\_sectioning.scss","scss\\layout\\_section.scss","scss\\layout\\_scroller.scss","scss\\content\\_typography.scss","scss\\content\\_embedded.scss","scss\\content\\_button.scss","scss\\content\\_form.scss","scss\\content\\_form-checkbox-radio.scss","scss\\content\\_form-alt-input-types.scss","scss\\content\\_table.scss","scss\\content\\_code.scss","scss\\content\\_miscs.scss","scss\\components\\_accordion.scss","scss\\components\\_card.scss","scss\\components\\_modal.scss","scss\\components\\_nav.scss","scss\\components\\_progress.scss","scss\\utilities\\_loading.scss","scss\\utilities\\_tooltip.scss","scss\\utilities\\_accessibility.scss","scss\\utilities\\_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Pico.css v1.4.4 (https://picocss.com)\r\n * Copyright 2019-2021 - Licensed under MIT\r\n */\r\n\r\n// Config\r\n@import \"variables\";\r\n\r\n// Theming\r\n@import \"themes/default\";\r\n\r\n// Layout\r\n@import \"layout/document\"; // html\r\n@import \"layout/sectioning\"; // body, header, main, footer\r\n@import \"layout/container\"; // .container, .container-fluid\r\n@import \"layout/section\"; // section\r\n@import \"layout/grid\"; // .grid\r\n@import \"layout/scroller\"; // figure\r\n\r\n// Content\r\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\r\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\r\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\r\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\r\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\r\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\r\n@import \"content/table\"; // table, tr, td, ...\r\n@import \"content/code\"; // pre, code, ...\r\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\r\n\r\n// Components\r\n@import \"components/accordion\"; // details, summary\r\n@import \"components/card\"; // article\r\n@import \"components/modal\"; // dialog\r\n@import \"components/nav\"; // nav\r\n@import \"components/progress\"; // progress\r\n\r\n// Utilities\r\n@import \"utilities/loading\"; // aria-busy=true\r\n@import \"utilities/tooltip\"; // data-tooltip\r\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\r\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\r\n","// Commons Styles\r\n:root {\r\n  // Typography\r\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n  --line-height: 1.5;\r\n  --font-weight: 400;\r\n  --font-size: 16px;\r\n\r\n  // Responsive typography\r\n  @if $enable-responsive-typography {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --font-size: 17px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --font-size: 18px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --font-size: 19px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Borders\r\n  --border-radius: 0.25rem;\r\n  --border-width: 1px;\r\n  --outline-width: 3px;\r\n\r\n  // Spacings\r\n  --spacing: 1rem;\r\n\r\n  // Spacings for typography elements\r\n  --typography-spacing-vertical: 1.5rem;\r\n\r\n  // Spacings for body > header, body > main, body > footer, section, article\r\n  --block-spacing-vertical: calc(var(--spacing) * 2);\r\n  --block-spacing-horizontal: var(--spacing);\r\n\r\n  @if ($enable-classes and $enable-grid) {\r\n    --grid-spacing-vertical: 0;\r\n    --grid-spacing-horizontal: var(--spacing);\r\n  }\r\n\r\n  // Spacings for form elements and button\r\n  --form-element-spacing-vertical: 0.75rem;\r\n  --form-element-spacing-horizontal: 1rem;\r\n\r\n  // Font weight for form labels & fieldsets legend\r\n  --form-label-font-weight: var(--font-weight);\r\n\r\n  // Transitions\r\n  --transition: 0.2s ease-in-out;\r\n}\r\n\r\n// Responsives spacings\r\n@if $enable-responsive-spacings {\r\n  // Sectionning\r\n  body > header,\r\n  body > main,\r\n  body > footer,\r\n  section {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 4);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Card (<article>)\r\n  article {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Modal\r\n  dialog > article {\r\n\r\n    --block-spacing-vertical: calc(var(--spacing) * 2);\r\n    --block-spacing-horizontal: var(--spacing);\r\n\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Link\r\na {\r\n  --text-decoration: none;\r\n\r\n  // Secondary & Contrast\r\n  @if $enable-classes {\r\n    &.secondary,\r\n    &.contrast {\r\n      --text-decoration: underline;\r\n    }\r\n  }\r\n}\r\n\r\n// Small\r\nsmall {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  --font-weight: 700;\r\n}\r\n\r\nh1 {\r\n  --font-size: 2rem;\r\n  --typography-spacing-vertical: 3rem;\r\n}\r\n\r\nh2 {\r\n  --font-size: 1.75rem;\r\n  --typography-spacing-vertical: 2.625rem;\r\n}\r\n\r\nh3 {\r\n  --font-size: 1.5rem;\r\n  --typography-spacing-vertical: 2.25rem;\r\n}\r\n\r\nh4 {\r\n  --font-size: 1.25rem;\r\n  --typography-spacing-vertical: 1.874rem;\r\n}\r\n\r\nh5 {\r\n  --font-size: 1.125rem;\r\n  --typography-spacing-vertical: 1.6875rem;\r\n}\r\n\r\n// Forms elements\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  --border-width: 2px;\r\n}\r\n\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --border-width: 3px;\r\n}\r\n\r\n// Table\r\nthead,\r\ntfoot {\r\n  th,\r\n  td {\r\n    --border-width: 3px;\r\n  }\r\n}\r\n\r\n:not(thead):not(tfoot) > * > td {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Code\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\r\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\r\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nkbd {\r\n  --font-weight: bolder;\r\n}\r\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    color-scheme: dark;\n  }\n}\n[data-theme=dark] {\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: dark;\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  -webkit-text-decoration: var(--text-decoration);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  -webkit-padding-start: var(--spacing);\n  padding-inline-start: var(--spacing);\n  -webkit-padding-end: 0;\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  -webkit-border-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  -webkit-border-end: none;\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::-moz-selection {\n  background-color: var(--primary-focus);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  -webkit-padding-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  -webkit-padding-start: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 0.375em;\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  -webkit-margin-start: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::-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  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) / 2);\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  -webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) / 2);\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) / 2);\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  -webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  -ms-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  -webkit-transition: background-color var(--transition), box-shadow var(--transition);\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  -moz-transition: background-color var(--transition), box-shadow var(--transition);\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  -ms-transition: background-color var(--transition), box-shadow var(--transition);\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  -webkit-transition: background-color var(--transition), transform var(--transition);\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  -moz-transition: background-color var(--transition), transform var(--transition);\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  -ms-transition: background-color var(--transition), transform var(--transition);\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary: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::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\nnav[aria-label=breadcrumb] {\n  align-items: center;\n  justify-content: left;\n}\nnav[aria-label=breadcrumb] ul li {\n  -webkit-padding-start: 0;\n  padding-inline-start: 0;\n}\nnav[aria-label=breadcrumb] ul li:not(:last-child) a::after {\n  -webkit-padding-start: 0.5rem;\n  padding-inline-start: 0.5rem;\n  content: \"/\";\n  color: var(--muted-color);\n}\nnav[aria-label=breadcrumb] a[aria-current=page] {\n  color: inherit;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    -webkit-animation: progressIndeterminate 1s linear infinite;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@-webkit-keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  -webkit-animation: spinner 0.75s linear infinite;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) * 0.5);\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@-webkit-keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    -webkit-animation-duration: 0.2s;\n    animation-duration: 0.2s;\n    -webkit-animation-name: slide;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    -webkit-animation-name: slideCaret;\n    animation-name: slideCaret;\n  }\n}\n\n@-webkit-keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@-webkit-keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    -webkit-animation-duration: 1ms !important;\n    animation-duration: 1ms !important;\n    -webkit-animation-delay: -1ms !important;\n    animation-delay: -1ms !important;\n    -webkit-animation-iteration-count: 1 !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.css.map */","// Default: Light theme\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --background-color: #{$white};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-700};\r\n  --h1-color: #{$grey-900};\r\n  --h2-color: #{mix($grey-900, $grey-800)};\r\n  --h3-color: #{$grey-800};\r\n  --h4-color: #{mix($grey-800, $grey-700)};\r\n  --h5-color: #{$grey-700};\r\n  --h6-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{$grey-50};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-700};\r\n  --primary-focus: #{rgba($primary-600, 0.125)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-700};\r\n  --secondary-focus: #{rgba($grey-600, 0.125)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-900};\r\n  --contrast-hover: #{$black};\r\n  --contrast-focus: #{rgba($grey-600, 0.125)};\r\n  --contrast-inverse: #{$white};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($amber-100, $amber-50)};\r\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: transparent;\r\n  --form-element-border-color: #{$grey-300};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: transparent;\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-100};\r\n  --form-element-disabled-border-color: #{$grey-300};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-800};\r\n  --form-element-invalid-active-border-color: #{$red-700};\r\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\r\n  --form-element-valid-border-color: #{$green-700};\r\n  --form-element-valid-active-border-color: #{$green-600};\r\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{$grey-200};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{$grey-100};\r\n  --range-active-border-color: #{$grey-200};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\r\n\r\n  // Code\r\n  --code-background-color: #{$grey-50};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 40%, 50%)};\r\n  --code-property-color: #{hsl(185, 40%, 40%)};\r\n  --code-value-color: #{hsl(40, 20%, 50%)};\r\n  --code-comment-color: #{$grey-300};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: var(--background-color);\r\n  --card-border-color: var(--muted-border-color);\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\r\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\r\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\r\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{$grey-100};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: light;\r\n}\r\n","/**\r\n * Theme: default\r\n */\r\n\r\n// Variables\r\n@import \"../variables\";\r\n@import \"default/colors\";\r\n\r\n// Commons styles\r\n@import \"default/styles\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"default/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"default/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n  :root:not([data-theme=\"light\"]) {\r\n    @include dark;\r\n  }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n  @include dark;\r\n}\r\n","// Default: Dark theme\r\n@mixin dark {\r\n  --background-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-200};\r\n  --h1-color: #{$grey-50};\r\n  --h2-color: #{mix($grey-100, $grey-50)};\r\n  --h3-color: #{$grey-100};\r\n  --h4-color: #{mix($grey-200, $grey-100)};\r\n  --h5-color: #{$grey-200};\r\n  --h6-color: #{mix($grey-300, $grey-200)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-500};\r\n  --primary-focus: #{rgba($primary-600, 0.25)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-500};\r\n  --secondary-focus: #{rgba($grey-500, 0.25)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-50};\r\n  --contrast-hover: #{$white};\r\n  --contrast-focus: #{rgba($grey-500, 0.25)};\r\n  --contrast-inverse: #{$black};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($grey-300, $amber-300)};\r\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\r\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: var(--form-element-background-color);\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-800};\r\n  --form-element-disabled-border-color: #{$grey-700};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-900};\r\n  --form-element-invalid-active-border-color: #{$red-800};\r\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\r\n  --form-element-valid-border-color: #{$green-800};\r\n  --form-element-valid-active-border-color: #{$green-700};\r\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{mix($grey-800, $grey-700)};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{mix($grey-900, $grey-800)};\r\n  --range-active-border-color: #{$grey-800};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\r\n\r\n  // Code\r\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 30%, 50%)};\r\n  --code-property-color: #{hsl(185, 30%, 50%)};\r\n  --code-value-color: #{hsl(40, 10%, 50%)};\r\n  --code-comment-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-active-summary-color: var(--primary);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: #{mix($black, $grey-900, 25%)};\r\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\r\n    0 0.125rem 2rem #{rgba($black, 0.12)},\r\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\r\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{mix($grey-900, $grey-800)};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: dark;\r\n}\r\n","/**\r\n * Document\r\n * Content-box & Responsive typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box; // 1\r\n}\r\n\r\n// 1. Add text decoration inheritance in all browsers (opinionated)\r\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\r\n::before,\r\n::after {\r\n  text-decoration: inherit; // 1\r\n  vertical-align: inherit; // 2\r\n}\r\n\r\n// 1. Correct the line height in all browsers\r\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\n// 3. Change the default tap highlight to be completely transparent in iOS\r\n// 4. Use the default cursor in all browsers (opinionated)\r\n// 5. Use a 4-space tab width in all browsers (opinionated)\r\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\nhtml {\r\n  -webkit-text-size-adjust: 100%; // 2\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\r\n  -ms-text-size-adjust: 100%; // 6\r\n  text-rendering: optimizeLegibility;\r\n  background-color: var(--background-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  line-height: var(--line-height); // 1\r\n  font-family: var(--font-family);\r\n  cursor: default; // 4\r\n  tab-size: 4; // 5\r\n}\r\n","/**\r\n * Sectioning\r\n * Container and responsive spacings for header, main, footer\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Render the `main` element consistently in IE\r\nmain {\r\n  display: block;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbody {\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  > header,\r\n  > main,\r\n  > footer {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n\r\n    // Semantic container\r\n    @if $enable-semantic-container {\r\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n\r\n      // Centered viewport\r\n      @if $enable-viewport {\r\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"sm\")) {\r\n            max-width: map-get($viewports, \"sm\");\r\n            padding-right: 0;\r\n            padding-left: 0;\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"md\")) {\r\n            max-width: map-get($viewports, \"md\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"lg\")) {\r\n            max-width: map-get($viewports, \"lg\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"xl\")) {\r\n            max-width: map-get($viewports, \"xl\");\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Semantic container\r\n    @else {\r\n      padding: var(--block-spacing-vertical) 0;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Section\r\n * Responsive spacings for section\r\n */\r\n\r\nsection {\r\n  margin-bottom: var(--block-spacing-vertical);\r\n}\r\n","/**\r\n * Horizontal scroller (<figure>)\r\n */\r\n\r\n// Wrapper to make any content responsive across all viewports\r\nfigure {\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow-x: auto;\r\n\r\n  figcaption {\r\n    padding: calc(var(--spacing) * 0.5) 0;\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n","/**\r\n * Typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Add the correct font weight in Chrome, Edge, and Safari\r\nb,\r\nstrong {\r\n  font-weight: bolder;\r\n}\r\n\r\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\r\nsub,\r\nsup {\r\n  position: relative;\r\n  font-size: 0.75em;\r\n  line-height: 0;\r\n  vertical-align: baseline;\r\n}\r\nsub {\r\n  bottom: -0.25em;\r\n}\r\nsup {\r\n  top: -0.5em;\r\n}\r\n\r\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\r\ndl dl,\r\ndl ol,\r\ndl ul,\r\nol dl,\r\nul dl {\r\n  margin: 0;\r\n}\r\n\r\n// Remove the margin on nested lists in Edge 18- and IE\r\nol ol,\r\nol ul,\r\nul ol,\r\nul ul {\r\n  margin: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-style: normal;\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Links\r\n// 1. Remove the gray background on active links in IE 10\r\na {\r\n  --color: var(--primary);\r\n  --background-color: transparent;\r\n  outline: none;\r\n  background-color: var(--background-color); // 1\r\n  color: var(--color);\r\n  text-decoration: var(--text-decoration);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition), color var(--transition),\r\n      text-decoration var(--transition), box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --color: var(--primary-hover);\r\n    --text-decoration: underline;\r\n  }\r\n\r\n  &:focus {\r\n    --background-color: var(--primary-focus);\r\n  }\r\n\r\n  @if $enable-classes {\r\n    // Secondary\r\n    &.secondary {\r\n      --color: var(--secondary);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--secondary-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--secondary-focus);\r\n      }\r\n    }\r\n\r\n    // Contrast\r\n    &.contrast {\r\n      --color: var(--contrast);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--contrast-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--contrast-focus);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  font-family: var(--font-family);\r\n}\r\n\r\nh1 {\r\n  --color: var(--h1-color);\r\n}\r\nh2 {\r\n  --color: var(--h2-color);\r\n}\r\nh3 {\r\n  --color: var(--h3-color);\r\n}\r\nh4 {\r\n  --color: var(--h4-color);\r\n}\r\nh5 {\r\n  --color: var(--h5-color);\r\n}\r\nh6 {\r\n  --color: var(--h6-color);\r\n}\r\n\r\n// Margin-top for headings after a typography block\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  & ~ h1,\r\n  & ~ h2,\r\n  & ~ h3,\r\n  & ~ h4,\r\n  & ~ h5,\r\n  & ~ h6 {\r\n    margin-top: var(--typography-spacing-vertical);\r\n  }\r\n}\r\n\r\n// Heading group\r\n@if $enable-classes == false {\r\n  hgroup {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n@if $enable-classes {\r\n  hgroup,\r\n  .headings {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n// Paragraphs\r\np {\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n}\r\n\r\n// Small\r\nsmall {\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Lists\r\nul,\r\nol {\r\n  padding-right: 0;\r\n  padding-left: var(--spacing);\r\n  padding-inline-start: var(--spacing);\r\n  padding-inline-end: 0;\r\n\r\n  li {\r\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\r\n  }\r\n}\r\n\r\nul li {\r\n  list-style: square;\r\n}\r\n\r\n// Highlighted text\r\nmark {\r\n  padding: 0.125rem 0.25rem;\r\n  background-color: var(--mark-background-color);\r\n  color: var(--mark-color);\r\n  vertical-align: baseline;\r\n}\r\n\r\n// Blockquote\r\nblockquote {\r\n  display: block;\r\n  margin: var(--typography-spacing-vertical) 0;\r\n  padding: var(--spacing);\r\n  border-right: none;\r\n  border-left: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-end: none;\r\n\r\n  footer {\r\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\r\n    color: var(--blockquote-footer-color);\r\n  }\r\n}\r\n\r\n// Abbreviations\r\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\r\nabbr[title] {\r\n  border-bottom: 1px dotted;\r\n  text-decoration: none; // 1\r\n  cursor: help;\r\n}\r\n\r\n// Ins\r\nins {\r\n  color: var(--ins-color);\r\n  text-decoration: none;\r\n}\r\n\r\n// del\r\ndel {\r\n  color: var(--del-color);\r\n}\r\n\r\n// selection\r\n::selection {\r\n  background-color: var(--primary-focus);\r\n}\r\n","/**\r\n * Embedded content\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change the alignment on media elements in all browsers (opinionated)\r\naudio,\r\ncanvas,\r\niframe,\r\nimg,\r\nsvg,\r\nvideo {\r\n  vertical-align: middle;\r\n}\r\n\r\n// Add the correct display in IE 9-\r\naudio,\r\nvideo {\r\n  display: inline-block;\r\n}\r\n\r\n// Add the correct display in iOS 4-7\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\n// Remove the border on iframes in all browsers (opinionated)\r\niframe {\r\n  border-style: none;\r\n}\r\n\r\n// 1. Remove the border on images inside links in IE 10.\r\n// 2. Responsive by default\r\nimg {\r\n  max-width: 100%; // 2\r\n  height: auto; // 2\r\n  border-style: none; // 1\r\n}\r\n\r\n// Change the fill color to match the text color in all browsers (opinionated)\r\nsvg:not([fill]) {\r\n  fill: currentColor;\r\n}\r\n\r\n// Hide the overflow in IE\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n","/**\r\n * Button\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\n// 3. Show the overflow in Edge\r\nbutton {\r\n  margin: 0; // 2\r\n  overflow: visible; // 3\r\n  font-family: inherit; // 1\r\n  text-transform: none; // 1\r\n}\r\n\r\n// Correct the inability to style clickable types in iOS and Safari\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n  -webkit-appearance: button;\r\n}\r\n\r\n// Remove the inner border and padding in Firefox\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbutton {\r\n  display: block;\r\n  width: 100%;\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n[role=\"button\"] {\r\n  display: inline-block;\r\n  text-decoration: none;\r\n}\r\n\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\n[role=\"button\"] {\r\n  --background-color: var(--primary);\r\n  --border-color: var(--primary);\r\n  --color: var(--primary-inverse);\r\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: 1rem;\r\n  line-height: var(--line-height);\r\n  text-align: center;\r\n  cursor: pointer;\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--primary-hover);\r\n    --border-color: var(--primary-hover);\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n    --color: var(--primary-inverse);\r\n  }\r\n\r\n  &:focus {\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n      0 0 0 var(--outline-width) var(--primary-focus);\r\n  }\r\n}\r\n\r\n// .secondary, .contrast & .outline\r\n@if $enable-classes {\r\n\r\n  // Secondary\r\n  button.secondary,\r\n  input[type=\"submit\"].secondary,\r\n  input[type=\"button\"].secondary,\r\n  input[type=\"reset\"],\r\n  [role=\"button\"].secondary {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n      --color: var(--secondary-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n\r\n  // Contrast\r\n  button.contrast,\r\n  input[type=\"submit\"].contrast,\r\n  input[type=\"button\"].contrast,\r\n  input[type=\"reset\"].contrast,\r\n  [role=\"button\"].contrast {\r\n    --background-color: var(--contrast);\r\n    --border-color: var(--contrast);\r\n    --color: var(--contrast-inverse);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--contrast-hover);\r\n      --border-color: var(--contrast-hover);\r\n      --color: var(--contrast-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--contrast-focus);\r\n    }\r\n  }\r\n\r\n  // Outline (primary)\r\n  button.outline,\r\n  input[type=\"submit\"].outline,\r\n  input[type=\"button\"].outline,\r\n  input[type=\"reset\"].outline,\r\n  [role=\"button\"].outline {\r\n    --background-color: transparent;\r\n    --color: var(--primary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: transparent;\r\n      --color: var(--primary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (secondary)\r\n  button.outline.secondary,\r\n  input[type=\"submit\"].outline.secondary,\r\n  input[type=\"button\"].outline.secondary,\r\n  input[type=\"reset\"].outline.secondary,\r\n  [role=\"button\"].outline.secondary {\r\n    --color: var(--secondary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (contrast)\r\n  button.outline.contrast,\r\n  input[type=\"submit\"].outline.contrast,\r\n  input[type=\"button\"].outline.contrast,\r\n  input[type=\"reset\"].outline.contrast,\r\n  [role=\"button\"].outline.contrast {\r\n    --color: var(--contrast);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--contrast-hover);\r\n    }\r\n  }\r\n}\r\n\r\n@else {\r\n  // Secondary button without .class\r\n  input[type=\"reset\"] {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n}\r\n\r\n// Button [disabled]\r\n// 1. Links without href are disabled by default\r\nbutton[disabled],\r\ninput[type=\"submit\"][disabled],\r\ninput[type=\"button\"][disabled],\r\ninput[type=\"reset\"][disabled],\r\na[role=\"button\"]:not([href]), // 1\r\n[role=\"button\"][disabled] {\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n}","/**\r\n * Form elements\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n  margin: 0; // 2\r\n  font-size: 1rem; // 1\r\n  line-height: var(--line-height); // 1\r\n  font-family: inherit; // 1\r\n  letter-spacing: inherit; // 2\r\n}\r\n\r\n// Show the overflow in IE.\r\ninput {\r\n  overflow: visible;\r\n}\r\n\r\n// Remove the inheritance of text transform in Edge, Firefox, and IE\r\nselect {\r\n  text-transform: none;\r\n}\r\n\r\n// 1. Correct the text wrapping in Edge and IE\r\n// 2. Correct the color inheritance from `fieldset` elements in IE\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n// `fieldset` elements in all browsers\r\nlegend {\r\n  max-width: 100%; // 1\r\n  padding: 0; // 3\r\n  color: inherit; // 2\r\n  white-space: normal; // 1\r\n}\r\n\r\n// 1. Remove the default vertical scrollbar in IE\r\ntextarea {\r\n  overflow: auto; // 1\r\n}\r\n\r\n// Remove the padding in IE 10\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  padding: 0;\r\n}\r\n\r\n// Correct the cursor style of increment and decrement buttons in Safari\r\n::-webkit-inner-spin-button,\r\n::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n// 1. Correct the odd appearance in Chrome and Safari\r\n// 2. Correct the outline style in Safari\r\n[type=\"search\"] {\r\n  -webkit-appearance: textfield; // 1\r\n  outline-offset: -2px; // 2\r\n}\r\n\r\n// Remove the inner padding in Chrome and Safari on macOS\r\n[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}\r\n\r\n// 1. Correct the inability to style clickable types in iOS and Safari\r\n// 2. Change font properties to `inherit` in Safari\r\n::-webkit-file-upload-button {\r\n  -webkit-appearance: button; // 1\r\n  font: inherit; // 2\r\n}\r\n\r\n// Remove the inner border and padding of focus outlines in Firefox\r\n::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n//  Remove the focus outline in Firefox\r\n:-moz-focusring {\r\n  outline: none;\r\n}\r\n\r\n// Remove the additional :invalid styles in Firefox\r\n:-moz-ui-invalid {\r\n  box-shadow: none;\r\n}\r\n\r\n// Change the inconsistent appearance in IE (opinionated)\r\n::-ms-expand {\r\n  display: none;\r\n}\r\n\r\n// Remove the border and padding in all browsers (opinionated)\r\n[type=\"file\"],\r\n[type=\"range\"] {\r\n  padding: 0;\r\n  border-width: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Force height for alternatives input types\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\r\n  height: calc(\r\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\r\n      (var(--border-width) * 2)\r\n  );\r\n}\r\n\r\n// Fieldset\r\nfieldset {\r\n  margin: 0;\r\n  margin-bottom: var(--spacing);\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n// Label & legend\r\nlabel,\r\nfieldset legend {\r\n  display: block;\r\n  margin-bottom: calc(var(--spacing) * 0.25);\r\n  font-weight: var(--form-label-font-weight, var(--font-weight));\r\n}\r\n\r\n// Blocks, 100%\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  width: 100%;\r\n}\r\n\r\n// Reset appearance (Not Checkboxes, Radios, Range and File)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\r\nselect,\r\ntextarea {\r\n  appearance: none;\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  vertical-align: middle;\r\n}\r\n\r\n// Commons styles\r\ninput,\r\nselect,\r\ntextarea {\r\n  --background-color: var(--form-element-background-color);\r\n  --border-color: var(--form-element-border-color);\r\n  --color: var(--form-element-color);\r\n  --box-shadow: none;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--form-element-active-background-color);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --border-color: var(--form-element-active-border-color);\r\n  }\r\n}\r\n\r\n// Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:focus {\r\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\r\n  }\r\n}\r\n\r\n// Disabled\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\r\nselect,\r\ntextarea {\r\n  &[disabled] {\r\n    --background-color: var(--form-element-disabled-background-color);\r\n    --border-color: var(--form-element-disabled-border-color);\r\n    opacity: var(--form-element-disabled-opacity);\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\ninput,\r\nselect,\r\ntextarea {\r\n\r\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n    &[aria-invalid] {\r\n      @if $enable-important {\r\n        padding-right: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\r\n        padding-inline-end: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n      } @else {\r\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal);\r\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n      }\r\n      background-position: center right 0.75rem;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    &[aria-invalid=\"false\"] {\r\n      background-image: var(--icon-valid);\r\n    }\r\n  \r\n    &[aria-invalid=\"true\"] {\r\n      background-image: var(--icon-invalid);\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n\r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-valid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-valid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n    \r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-invalid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-invalid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  input,\r\n  select,\r\n  textarea {\r\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      &[aria-invalid],\r\n      &[aria-invalid=\"true\"],\r\n      &[aria-invalid=\"false\"] {\r\n        background-position: center left 0.75rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Placeholder\r\ninput::placeholder,\r\ninput::-webkit-input-placeholder,\r\ntextarea::placeholder,\r\ntextarea::-webkit-input-placeholder,\r\nselect:invalid {\r\n  color: var(--form-element-placeholder-color);\r\n  opacity: 1;\r\n}\r\n\r\n// Margin bottom (Not Checkboxes and Radios)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n// Select\r\nselect {\r\n  // Unstyle the caret on `<select>`s in IE10+.\r\n  &::-ms-expand {\r\n    border: 0;\r\n    background-color: transparent;\r\n  }\r\n\r\n  &:not([multiple]):not([size]) {\r\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    padding-left: var(--form-element-spacing-horizontal);\r\n    padding-inline-start: var(--form-element-spacing-horizontal);\r\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    background-image: var(--icon-chevron);\r\n    background-position: center right 0.75rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  select {\r\n    &:not([multiple]):not([size]) {\r\n      background-position: center left 0.75rem;\r\n    }\r\n  }\r\n}\r\n\r\n// Helper\r\ninput,\r\nselect,\r\ntextarea {\r\n  + small {\r\n    display: block;\r\n    width: 100%;\r\n    margin-top: calc(var(--spacing) * -0.75);\r\n    margin-bottom: var(--spacing);\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n\r\n// Styles for Input inside a label\r\nlabel {\r\n  & > input,\r\n  & > select,\r\n  & > textarea {\r\n    margin-top: calc(var(--spacing) * 0.25);\r\n  }\r\n}\r\n","/**\r\n * Form elements\r\n * Checkboxes & Radios\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 1.25em;\r\n  height: 1.25em;\r\n  margin-top: -0.125em;\r\n  margin-right: 0.375em;\r\n  margin-left: 0;\r\n  margin-inline-start: 0;\r\n  margin-inline-end: 0.375em;\r\n  border-width: var(--border-width);\r\n  font-size: inherit;\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n\r\n  &::-ms-check {\r\n    display: none; // unstyle IE checkboxes\r\n  }\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-checkbox);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  & ~ label {\r\n    display: inline-block;\r\n    margin-right: 0.375em;\r\n    margin-bottom: 0;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n// Checkboxes\r\n[type=\"checkbox\"] {\r\n  &:indeterminate {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-minus);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Radios\r\n[type=\"radio\"] {\r\n  border-radius: 50%;\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary-inverse);\r\n    border-width: 0.35em;\r\n    background-image: none;\r\n  }\r\n}\r\n\r\n// Switchs\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --background-color: var(--switch-background-color);\r\n  --border-color: var(--switch-background-color);\r\n  --color: var(--switch-color);\r\n\r\n  // Config\r\n  $switch-height: 1.25em;\r\n  $switch-width: 2.25em;\r\n  $switch-transition: 0.1s ease-in-out;\r\n\r\n  // Styles\r\n  width: $switch-width;\r\n  height: $switch-height;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: $switch-height;\r\n  background-color: var(--background-color);\r\n  line-height: $switch-height;\r\n\r\n  &:focus {\r\n    --background-color: var(--switch-background-color);\r\n    --border-color: var(--switch-background-color);\r\n  }\r\n\r\n  &:checked {\r\n    --background-color: var(--switch-checked-background-color);\r\n    --border-color: var(--switch-checked-background-color);\r\n  }\r\n\r\n  &:before {\r\n    display: block;\r\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    background-color: var(--color);\r\n    content: \"\";\r\n\r\n    @if $enable-transitions {\r\n      transition: margin $switch-transition;\r\n    }\r\n  }\r\n\r\n  &:checked {\r\n    background-image: none;\r\n\r\n    &::before {\r\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\r\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\r\n    }\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\n[type=\"checkbox\"],\r\n[type=\"checkbox\"]:checked,\r\n[type=\"radio\"],\r\n[type=\"radio\"]:checked,\r\n[type=\"checkbox\"][role=\"switch\"],\r\n[type=\"checkbox\"][role=\"switch\"]:checked {\r\n  \r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n  }\r\n}","/**\r\n * Form elements\r\n * Alternatives input types (Not Checkboxes & Radios)\r\n */\r\n\r\n// Color\r\n[type=\"color\"] {\r\n  // Wrapper\r\n  @mixin color-wrapper {\r\n    padding: 0;\r\n  }\r\n\r\n  &::-webkit-color-swatch-wrapper {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  &::-moz-focus-inner {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  // Swatch\r\n  @mixin color-swatch {\r\n    border: none;\r\n    border-radius: calc(var(--border-radius) * 0.5);\r\n  }\r\n\r\n  &::-webkit-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n\r\n  &::-moz-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n}\r\n\r\n// Date & Time\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n  &[type=\"date\"],\r\n  &[type=\"datetime-local\"],\r\n  &[type=\"month\"],\r\n  &[type=\"time\"],\r\n  &[type=\"week\"] {\r\n    --icon-position: 0.75rem;\r\n    --icon-width: 1rem;\r\n    padding-right: calc(var(--icon-width) + var(--icon-position));\r\n    background-image: var(--icon-date);\r\n    background-position: center right var(--icon-position);\r\n    background-size: var(--icon-width) auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  // Time\r\n  &[type=\"time\"] {\r\n    background-image: var(--icon-time);\r\n  }\r\n}\r\n\r\n// Calendar picker\r\n[type=\"date\"],\r\n[type=\"datetime-local\"],\r\n[type=\"month\"],\r\n[type=\"time\"],\r\n[type=\"week\"] {\r\n  &::-webkit-calendar-picker-indicator {\r\n    width: var(--icon-width);\r\n    margin-right: calc(var(--icon-width) * -1);\r\n    margin-left: var(--icon-position);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  [type=\"date\"],\r\n  [type=\"datetime-local\"],\r\n  [type=\"month\"],\r\n  [type=\"time\"],\r\n  [type=\"week\"] {\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n// File\r\n[type=\"file\"] {\r\n  --color: var(--muted-color);\r\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\r\n  border: none;\r\n  border-radius: 0;\r\n  background: none;\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    border: none;\r\n    background: none;\r\n  }\r\n\r\n  @mixin file-selector-button {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    margin-right: calc(var(--spacing) / 2);\r\n    margin-left: 0;\r\n    margin-inline-start: 0;\r\n    margin-inline-end: calc(var(--spacing) / 2);\r\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\r\n      calc(var(--form-element-spacing-horizontal) * 0.5);\r\n    border: var(--border-width) solid var(--border-color);\r\n    border-radius: var(--border-radius);\r\n    outline: none;\r\n    background-color: var(--background-color);\r\n    box-shadow: var(--box-shadow);\r\n    color: var(--color);\r\n    font-weight: var(--font-weight);\r\n    font-size: 1rem;\r\n    line-height: var(--line-height);\r\n    text-align: center;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        border-color var(--transition), color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  &::file-selector-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-webkit-file-upload-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-ms-browse {\r\n    @include file-selector-button;\r\n  }\r\n}\r\n\r\n// Range\r\n[type=\"range\"] {\r\n  // Config\r\n  $height-track: 0.25rem;\r\n  $height-thumb: 1.25rem;\r\n  $border-thumb: 2px;\r\n\r\n  // Styles\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: $height-thumb;\r\n  background: transparent;\r\n\r\n  // Slider Track\r\n  @mixin slider-track {\r\n    width: 100%;\r\n    height: $height-track;\r\n    border-radius: var(--border-radius);\r\n    background-color: var(--range-border-color);\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n  }\r\n\r\n  &::-webkit-slider-runnable-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-moz-range-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-ms-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  // Slider Thumb\r\n  @mixin slider-thumb {\r\n    -webkit-appearance: none;\r\n    width: $height-thumb;\r\n    height: $height-thumb;\r\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\r\n    border: $border-thumb solid var(--range-thumb-border-color);\r\n    border-radius: 50%;\r\n    background-color: var(--range-thumb-color);\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        transform var(--transition);\r\n    }\r\n  }\r\n  &::-webkit-slider-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-moz-range-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-ms-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    --range-border-color: var(--range-active-border-color);\r\n    --range-thumb-color: var(--range-thumb-hover-color);\r\n  }\r\n\r\n  &:active {\r\n    --range-thumb-color: var(--range-thumb-active-color);\r\n\r\n    // Slider Thumb\r\n    &::-webkit-slider-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-moz-range-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-ms-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n  }\r\n}\r\n\r\n// Search\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n  &[type=\"search\"] {\r\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\r\n    border-radius: 5rem;\r\n    background-image: var(--icon-search);\r\n    background-position: center left 1.125rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Cancel button\r\n[type=\"search\"] {\r\n  &::-webkit-search-cancel-button {\r\n    -webkit-appearance: none;\r\n    display: none;\r\n  }\r\n}\r\n","/**\r\n * Table\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Collapse border spacing in all browsers (opinionated).\r\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\r\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\r\ntable {\r\n  width: 100%;\r\n  border-color: inherit; // 2\r\n  border-collapse: collapse; // 1\r\n  border-spacing: 0;\r\n  text-indent: 0; // 3\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Cells\r\nth,\r\ntd {\r\n  padding: calc(var(--spacing) / 2) var(--spacing);\r\n  border-bottom: var(--border-width) solid var(--table-border-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  text-align: left;\r\n  text-align: start;\r\n}\r\n\r\n// Footer\r\ntfoot {\r\n  th,\r\n  td {\r\n    border-top: var(--border-width) solid var(--table-border-color);\r\n    border-bottom: 0;\r\n  }\r\n}\r\n\r\n// Striped\r\ntable {\r\n  &[role=\"grid\"] {\r\n    tbody tr:nth-child(odd) {\r\n      background-color: var(--table-row-stripped-background-color);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Code\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Correct the inheritance and scaling of font size in all browsers\r\n// 2. Correct the font sizing in all browsers\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  font-size: 0.875em; // 2\r\n  font-family: var(--font-family); // 1\r\n}\r\n\r\n// Prevent overflow of the container in all browsers (opinionated)\r\npre {\r\n  -ms-overflow-style: scrollbar;\r\n  overflow: auto;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\npre,\r\ncode,\r\nkbd {\r\n  border-radius: var(--border-radius);\r\n  background: var(--code-background-color);\r\n  color: var(--code-color);\r\n  font-weight: var(--font-weight);\r\n  line-height: initial;\r\n}\r\n\r\ncode,\r\nkbd {\r\n  display: inline-block;\r\n  padding: 0.375rem 0.5rem;\r\n}\r\n\r\npre {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  overflow-x: auto;\r\n\r\n  > code {\r\n    display: block;\r\n    padding: var(--spacing);\r\n    background: transparent;\r\n    font-size: 14px;\r\n    line-height: var(--line-height);\r\n  }\r\n}\r\n\r\n// Code Syntax\r\ncode {\r\n  // Tags\r\n  b {\r\n    color: var(--code-tag-color);\r\n    font-weight: var(--font-weight);\r\n  }\r\n\r\n  // Properties\r\n  i {\r\n    color: var(--code-property-color);\r\n    font-style: normal;\r\n  }\r\n\r\n  // Values\r\n  u {\r\n    color: var(--code-value-color);\r\n    text-decoration: none;\r\n  }\r\n\r\n  // Comments\r\n  em {\r\n    color: var(--code-comment-color);\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// kbd\r\nkbd {\r\n  background-color: var(--code-kbd-background-color);\r\n  color: var(--code-kbd-color);\r\n  vertical-align: baseline;\r\n}\r\n","/**\r\n * Miscs\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct box sizing in Firefox\r\n// 2. Show the overflow in Edge and IE\r\nhr {\r\n  box-sizing: content-box; // 1\r\n  height: 0; // 1\r\n  overflow: visible; // 2\r\n  border: none;\r\n  border-top: 1px solid var(--muted-border-color);\r\n}\r\n\r\n// Add the correct display in IE 10+\r\n[hidden],\r\ntemplate {\r\n  @if $enable-important {\r\n    display: none !important;\r\n  } @else {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Add the correct display in IE 9-\r\ncanvas {\r\n  display: inline-block;\r\n}\r\n","/**\r\n * Accordion (<details>)\r\n */\r\n\r\ndetails {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  padding-bottom: calc(var(--spacing) * 0.5);\r\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\r\n\r\n  summary {\r\n    color: var(--accordion-close-summary-color);\r\n    line-height: 1rem;\r\n    list-style-type: none;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: color var(--transition);\r\n    }\r\n\r\n    // Reset marker\r\n    &::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    &::marker {\r\n      display: none;\r\n    }\r\n\r\n    &::-moz-list-bullet {\r\n      list-style-type: none;\r\n    }\r\n\r\n    // Marker\r\n    &::after {\r\n      display: block;\r\n      width: 1rem;\r\n      height: 1rem;\r\n      float: right;\r\n      transform: rotate(-90deg);\r\n      background-image: var(--icon-chevron);\r\n      background-position: center;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n      content: \"\";\r\n\r\n      @if $enable-transitions {\r\n        transition: transform var(--transition);\r\n      }\r\n    }\r\n\r\n    &:focus {\r\n      outline: none;\r\n      color: var(--accordion-active-summary-color);\r\n    }\r\n\r\n    ~ * {\r\n      margin-top: calc(var(--spacing) * 0.5);\r\n\r\n      ~ * {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Open\r\n  &[open] {\r\n    > summary {\r\n      margin-bottom: calc(var(--spacing) * 0.25);\r\n\r\n      &:not(:focus) {\r\n        color: var(--accordion-open-summary-color);\r\n      }\r\n\r\n      &::after {\r\n        transform: rotate(0);\r\n      } \r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  details {\r\n    summary {\r\n      &::after {\r\n        float: left;\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Card (<article>)\r\n */\r\n\r\narticle {\r\n  margin: var(--block-spacing-vertical) 0;\r\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n  overflow: hidden;\r\n  border-radius: var(--border-radius);\r\n  background: var(--card-background-color);\r\n  box-shadow: var(--card-box-shadow);\r\n\r\n  > header,\r\n  > footer {\r\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\r\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\r\n    padding: calc(var(--block-spacing-vertical) * 0.66)\r\n      var(--block-spacing-horizontal);\r\n    background-color: var(--card-sectionning-background-color);\r\n  }\r\n\r\n  > header {\r\n    margin-top: calc(var(--block-spacing-vertical) * -1);\r\n    margin-bottom: var(--block-spacing-vertical);\r\n    border-bottom: var(--border-width) solid var(--card-border-color);\r\n  }\r\n\r\n  > footer {\r\n    margin-top: var(--block-spacing-vertical);\r\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\r\n    border-top: var(--border-width) solid var(--card-border-color);\r\n  }\r\n}\r\n","/**\r\n * Modal (<dialog>)\r\n */\r\n\r\n:root {\r\n  --scrollbar-width: 0px;\r\n}\r\n\r\ndialog {\r\n  display: flex;\r\n  z-index: 999;\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: inherit;\r\n  min-width: 100%;\r\n  height: inherit;\r\n  min-height: 100%;\r\n  padding: var(--spacing);\r\n  border: none;\r\n  background-color: var(--modal-overlay-background-color);\r\n\r\n  // Content\r\n  article {\r\n    max-height: calc(100vh - var(--spacing) * 2);\r\n    overflow: auto;\r\n\r\n    @if map-get($breakpoints, 'sm') {\r\n      @media (min-width: map-get($breakpoints, 'sm')) {\r\n        max-width: map-get($viewports, 'sm');\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, 'md') {\r\n      @media (min-width: map-get($breakpoints, 'md')) {\r\n        max-width: map-get($viewports, 'md');\r\n      }\r\n    }\r\n\r\n    > header,\r\n    > footer {\r\n      padding: calc(var(--block-spacing-vertical) * 0.5)\r\n        var(--block-spacing-horizontal);\r\n    }\r\n\r\n    > header {\r\n      .close {\r\n        margin: 0;\r\n        margin-left: var(--spacing);\r\n        float: right;\r\n      }\r\n    }\r\n\r\n    > footer {\r\n      text-align: right;\r\n\r\n      [role='button'] {\r\n        margin-bottom: 0;\r\n\r\n        &:not(:first-of-type) {\r\n          margin-left: calc(var(--spacing) * 0.5);\r\n        }\r\n      }\r\n    }\r\n\r\n    p {\r\n      &:last-of-type {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    // Close icon\r\n    @if $enable-classes {\r\n      .close {\r\n        display: block;\r\n        width: 1rem;\r\n        height: 1rem;\r\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\r\n        margin-bottom: var(--typography-spacing-vertical);\r\n        margin-left: auto;\r\n        background-image: var(--icon-close);\r\n        background-position: center;\r\n        background-size: auto 1rem;\r\n        background-repeat: no-repeat;\r\n        opacity: 0.5;\r\n\r\n        @if $enable-transitions {\r\n          transition: opacity var(--transition);\r\n        }\r\n\r\n        &:hover,\r\n        &:active,\r\n        &:focus {\r\n          opacity: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Closed state\r\n  &:not([open]),\r\n  &[open='false'] {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Utilities\r\n@if $enable-classes {\r\n  .modal-is-open {\r\n    padding-right: var(--scrollbar-width, 0px);\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n\r\n    dialog {\r\n      pointer-events: auto;\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if ($enable-classes and $enable-transitions) {\r\n  $animation-duration: 0.2s;\r\n\r\n  .modal-is-opening,\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-duration: $animation-duration;\r\n      animation-timing-function: ease-in-out;\r\n      animation-fill-mode: both;\r\n    }\r\n\r\n    dialog {\r\n      animation-duration: ($animation-duration * 4);\r\n      animation-name: fadeIn;\r\n\r\n      > article {\r\n        animation-delay: $animation-duration;\r\n        animation-name: slideInDown;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-delay: 0s;\r\n      animation-direction: reverse;\r\n    }\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    from {\r\n      background-color: transparent;\r\n    }\r\n    to {\r\n      background-color: var(--modal-overlay-background-color);\r\n    }\r\n  }\r\n\r\n  @keyframes slideInDown {\r\n    from {\r\n      transform: translateY(-100%);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Nav\r\n */\r\n\r\n// Horizontal Nav\r\nnav,\r\nnav ul {\r\n  display: flex;\r\n}\r\n\r\nnav {\r\n  justify-content: space-between;\r\n\r\n  ol,\r\n  ul {\r\n    align-items: center;\r\n    margin-bottom: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n\r\n    &:first-of-type {\r\n      margin-left: calc(var(--spacing) * -0.5);\r\n    }\r\n    &:last-of-type {\r\n      margin-right: calc(var(--spacing) * -0.5);\r\n    }\r\n  }\r\n\r\n  li {\r\n    display: inline-block;\r\n    margin: 0;\r\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n\r\n    // HACK: Input & Button inside Nav\r\n    > *,\r\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  a {\r\n    display: block;\r\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\r\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n    border-radius: var(--border-radius);\r\n    text-decoration: none;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      text-decoration: none;\r\n    }\r\n  }\r\n\r\n  &[aria-label=\"breadcrumb\"] {\r\n    align-items: center;\r\n    justify-content: left;\r\n\r\n    & ul li {\r\n      padding-inline-start: 0;\r\n\r\n      &:not(:last-child) {\r\n        a::after {\r\n          padding-inline-start: 0.5rem;\r\n          content: \"/\";\r\n          color: var(--muted-color);\r\n        }\r\n      }\r\n    }\r\n\r\n    & a[aria-current=\"page\"] {\r\n      color: inherit;\r\n    }\r\n  }\r\n}\r\n\r\n// Vertical Nav\r\naside {\r\n  nav,\r\n  ol,\r\n  ul,\r\n  li {\r\n    display: block;\r\n  }\r\n\r\n  li {\r\n    padding: calc(var(--spacing) * 0.5);\r\n\r\n    a {\r\n      margin: calc(var(--spacing) * -0.5);\r\n      padding: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Progress\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct display in Edge 18- and IE\r\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\r\nprogress {\r\n  display: inline-block; // 1\r\n  vertical-align: baseline; // 2\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nprogress {\r\n  // Reset the default appearance\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n\r\n  // Styles\r\n  display: inline-block;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: 0.5rem;\r\n  margin-bottom: calc(var(--spacing) * 0.5);\r\n  overflow: hidden;\r\n\r\n  // Remove Firefox and Opera border\r\n  border: 0;\r\n  border-radius: var(--border-radius);\r\n  background-color: var(--progress-background-color);\r\n\r\n  // IE10 uses `color` to set the bar background-color\r\n  color: var(--progress-color);\r\n\r\n  &::-webkit-progress-bar {\r\n    border-radius: var(--border-radius);\r\n    background: transparent;\r\n  }\r\n  &[value]::-webkit-progress-value {\r\n    background-color: var(--progress-color);\r\n  }\r\n  &::-moz-progress-bar {\r\n    background-color: var(--progress-color);\r\n  }\r\n\r\n  // Indeterminate state\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    &:indeterminate {\r\n      background: var(--progress-background-color)\r\n        linear-gradient(\r\n          to right,\r\n          var(--progress-color) 30%,\r\n          var(--progress-background-color) 30%\r\n        )\r\n        top left / 150% 150% no-repeat;\r\n      animation: progressIndeterminate 1s linear infinite;\r\n\r\n      &[value]::-webkit-progress-value {\r\n        background-color: transparent;\r\n      }\r\n      &::-moz-progress-bar {\r\n        background-color: transparent;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes progressIndeterminate {\r\n  0% {\r\n    background-position: 200% 0;\r\n  }\r\n  100% {\r\n    background-position: -200% 0;\r\n  }\r\n}\r\n","/**\r\n * Loading ([aria-busy=true])\r\n */\r\n\r\n\r\n// Cursor\r\n[aria-busy=\"true\"] {\r\n  cursor: progress;\r\n}\r\n\r\n// Everyting except form elements\r\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\r\n\r\n  &::before {\r\n    display: inline-block;\r\n    width: 1em;\r\n    height: 1em;\r\n    border: 0.1875em solid currentColor;\r\n    border-radius: 1em;\r\n    border-right-color: transparent;\r\n    content: '';\r\n    vertical-align: text-bottom;\r\n    vertical-align: -.125em; // Visual alignment\r\n    animation: spinner 0.75s linear infinite;\r\n    opacity: var(--loading-spinner-opacity);\r\n  }\r\n\r\n  &:not(:empty) {\r\n    &::before {\r\n      margin-right: calc(var(--spacing) * 0.5);\r\n      margin-left: 0;\r\n      margin-inline-start: 0;\r\n      margin-inline-end: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n\r\n  &:empty {\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n// Buttons and links\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\na {\r\n  &[aria-busy=\"true\"] {\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n// Animation: rotate\r\n@keyframes spinner {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n","/**\r\n * Tooltip ([data-tooltip])\r\n */\r\n\r\n[data-tooltip] {\r\n  position: relative;\r\n\r\n  &:not(a):not(button):not(input) {\r\n    border-bottom: 1px dotted;\r\n    text-decoration: none;\r\n    cursor: help;\r\n  }\r\n\r\n  &::before,\r\n  &::after {\r\n    display: block;\r\n    z-index: 99;\r\n    position: absolute;\r\n    bottom: 100%;\r\n    left: 50%;\r\n    padding: .25rem .5rem;\r\n    overflow: hidden;\r\n    transform: translate(-50%, -.25rem);\r\n    border-radius: var(--border-radius);\r\n    background: var(--tooltip-background-color);\r\n    content: attr(data-tooltip);\r\n    color: var(--tooltip-color);\r\n    font-style: normal;\r\n    font-weight: var(--font-weight);\r\n    font-size: .875rem;\r\n    text-decoration: none;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  // Caret\r\n  &::after {\r\n    padding: 0;\r\n    transform: translate(-50%, 0rem);\r\n    border-top: .3rem solid;\r\n    border-right: .3rem solid transparent;\r\n    border-left: .3rem solid transparent;\r\n    border-radius: 0;\r\n    background-color: transparent;\r\n    content: '';\r\n    color: var(--tooltip-background-color);\r\n  }\r\n\r\n  // Display\r\n  &:focus,\r\n  &:hover {\r\n    &::before,\r\n    &::after {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  // Animations, excluding touch devices\r\n  @if $enable-transitions {\r\n    @media (hover: hover) and (pointer: fine) {\r\n      &:focus,\r\n      &:hover {\r\n        &::before,\r\n        &::after {\r\n          animation-duration: .2s;\r\n          animation-name: slide;\r\n        }\r\n\r\n        &::after {\r\n          animation-name: slideCaret; \r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if $enable-transitions {\r\n  @keyframes slide {\r\n    from {\r\n      transform: translate(-50%, .75rem);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translate(-50%, -.25rem);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @keyframes slideCaret {\r\n    from {\r\n      opacity: 0;\r\n    }\r\n    50% {\r\n      transform: translate(-50%, -.25rem);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translate(-50%, 0rem);\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Accessibility & User interaction\r\n */\r\n\r\n\r\n// Based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Accessibility\r\n\r\n// Change the cursor on control elements in all browsers (opinionated)\r\n[aria-controls] {\r\n  cursor: pointer;\r\n}\r\n\r\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\r\n[aria-disabled=\"true\"],\r\n[disabled] {\r\n  cursor: not-allowed;\r\n}\r\n\r\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\r\n[aria-hidden=\"false\"][hidden] {\r\n  display: initial;\r\n}\r\n\r\n[aria-hidden=\"false\"][hidden]:not(:focus) {\r\n  clip: rect(0, 0, 0, 0);\r\n  position: absolute;\r\n}\r\n\r\n// User interaction\r\n// Remove the tapping delay in IE 10\r\na,\r\narea,\r\nbutton,\r\ninput,\r\nlabel,\r\nselect,\r\nsummary,\r\ntextarea,\r\n[tabindex] {\r\n  -ms-touch-action: manipulation;\r\n}\r\n\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n[dir=\"rtl\"] {\r\n  direction: rtl;\r\n}\r\n","@if $enable-transitions and $enable-important {\r\n\r\n/**\r\n * Reduce Motion Features\r\n */\r\n\r\n\r\n  // Based on :\r\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n  // ––––––––––––––––––––\r\n\r\n  // 1. Remove animations when motion is reduced (opinionated)\r\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\r\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\r\n  // 4. Remove transitions when motion is reduced (opinionated)\r\n  @media (prefers-reduced-motion: reduce) {\r\n    *:not([aria-busy=\"true\"]),\r\n    :not([aria-busy=\"true\"])::before,\r\n    :not([aria-busy=\"true\"])::after {\r\n      background-attachment: initial !important; // 2\r\n      animation-duration: 1ms !important; // 1\r\n      animation-delay: -1ms !important; // 1\r\n      animation-iteration-count: 1 !important; // 1\r\n      scroll-behavior: auto !important; // 3\r\n      transition-delay: 0s !important; // 4\r\n      transition-duration: 0s !important; // 4\r\n    }\r\n  }\r\n}\r\n"]}
\ No newline at end of file
diff --git a/css/pico.min.css b/css/pico.min.css
index e5af0e2b..dde26dc4 100644
--- a/css/pico.min.css
+++ b/css/pico.min.css
@@ -1,5 +1,5 @@
 /*!
  * Pico.css v1.4.4 (https://picocss.com)
  * Copyright 2019-2021 - Licensed under MIT
- */:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}a.contrast,a.secondary{--text-decoration:underline}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead):not(tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:#a2afb9;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing);padding-left:var(--spacing)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:992px){.container{max-width:920px}}@media (min-width:1200px){.container{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.grid{grid-column-gap:var(--grid-spacing-horizontal);grid-row-gap:var(--grid-spacing-vertical);display:grid;grid-template-columns:1fr;margin:0}@media (min-width:992px){.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}.grid>*{min-width:0}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}a.secondary{--color:var(--secondary)}a.secondary:active,a.secondary:focus,a.secondary:hover{--color:var(--secondary-hover)}a.secondary:focus{--background-color:var(--secondary-focus)}a.contrast{--color:var(--contrast)}a.contrast:active,a.contrast:focus,a.contrast:hover{--color:var(--contrast-hover)}a.contrast:focus{--background-color:var(--contrast-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}.headings,hgroup{margin-bottom:var(--typography-spacing-vertical)}.headings>*,hgroup>*{margin-bottom:0}.headings>:last-child,hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}ol,ul{padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}ol li,ul li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}[role=button]{display:inline-block;text-decoration:none}[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:active,[role=button]:focus,[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--color:var(--primary-inverse)}[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}[role=button].secondary,button.secondary,input[type=button].secondary,input[type=reset],input[type=submit].secondary{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover,input[type=button].secondary:active,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit].secondary:active,input[type=submit].secondary:focus,input[type=submit].secondary:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover);--color:var(--secondary-inverse)}[role=button].secondary:focus,button.secondary:focus,input[type=button].secondary:focus,input[type=reset]:focus,input[type=submit].secondary:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}[role=button].contrast,button.contrast,input[type=button].contrast,input[type=reset].contrast,input[type=submit].contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}[role=button].contrast:active,[role=button].contrast:focus,[role=button].contrast:hover,button.contrast:active,button.contrast:focus,button.contrast:hover,input[type=button].contrast:active,input[type=button].contrast:focus,input[type=button].contrast:hover,input[type=reset].contrast:active,input[type=reset].contrast:focus,input[type=reset].contrast:hover,input[type=submit].contrast:active,input[type=submit].contrast:focus,input[type=submit].contrast:hover{--background-color:var(--contrast-hover);--border-color:var(--contrast-hover);--color:var(--contrast-inverse)}[role=button].contrast:focus,button.contrast:focus,input[type=button].contrast:focus,input[type=reset].contrast:focus,input[type=submit].contrast:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--contrast-focus)}[role=button].outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{--background-color:transparent;--color:var(--primary)}[role=button].outline:active,[role=button].outline:focus,[role=button].outline:hover,button.outline:active,button.outline:focus,button.outline:hover,input[type=button].outline:active,input[type=button].outline:focus,input[type=button].outline:hover,input[type=reset].outline:active,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=submit].outline:active,input[type=submit].outline:focus,input[type=submit].outline:hover{--background-color:transparent;--color:var(--primary-hover)}[role=button].outline.secondary,button.outline.secondary,input[type=button].outline.secondary,input[type=reset].outline.secondary,input[type=submit].outline.secondary{--color:var(--secondary)}[role=button].outline.secondary:active,[role=button].outline.secondary:focus,[role=button].outline.secondary:hover,button.outline.secondary:active,button.outline.secondary:focus,button.outline.secondary:hover,input[type=button].outline.secondary:active,input[type=button].outline.secondary:focus,input[type=button].outline.secondary:hover,input[type=reset].outline.secondary:active,input[type=reset].outline.secondary:focus,input[type=reset].outline.secondary:hover,input[type=submit].outline.secondary:active,input[type=submit].outline.secondary:focus,input[type=submit].outline.secondary:hover{--color:var(--secondary-hover)}[role=button].outline.contrast,button.outline.contrast,input[type=button].outline.contrast,input[type=reset].outline.contrast,input[type=submit].outline.contrast{--color:var(--contrast)}[role=button].outline.contrast:active,[role=button].outline.contrast:focus,[role=button].outline.contrast:hover,button.outline.contrast:active,button.outline.contrast:focus,button.outline.contrast:hover,input[type=button].outline.contrast:active,input[type=button].outline.contrast:focus,input[type=button].outline.contrast:hover,input[type=reset].outline.contrast:active,input[type=reset].outline.contrast:focus,input[type=reset].outline.contrast:hover,input[type=submit].outline.contrast:active,input[type=submit].outline.contrast:focus,input[type=submit].outline.contrast:hover{--color:var(--contrast-hover)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>textarea{margin-top:calc(var(--spacing) * .25)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week]{--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] [type=date],[dir=rtl] [type=datetime-local],[dir=rtl] [type=month],[dir=rtl] [type=time],[dir=rtl] [type=week]{text-align:right}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search]{padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}table{width:100%;border-color:inherit;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing) * .5);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{color:var(--accordion-close-summary-color);line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0;color:var(--accordion-active-summary-color)}details summary~*{margin-top:calc(var(--spacing) * .5)}details summary~*~*{margin-top:0}details[open]>summary{margin-bottom:calc(var(--spacing) * .25)}details[open]>summary:not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;border-radius:var(--border-radius);background:var(--card-background-color);box-shadow:var(--card-box-shadow)}article>footer,article>header{margin-right:calc(var(--block-spacing-horizontal) * -1);margin-left:calc(var(--block-spacing-horizontal) * -1);padding:calc(var(--block-spacing-vertical) * .66) var(--block-spacing-horizontal);background-color:var(--card-sectionning-background-color)}article>header{margin-top:calc(var(--block-spacing-vertical) * -1);margin-bottom:var(--block-spacing-vertical);border-bottom:var(--border-width) solid var(--card-border-color)}article>footer{margin-top:var(--block-spacing-vertical);margin-bottom:calc(var(--block-spacing-vertical) * -1);border-top:var(--border-width) solid var(--card-border-color)}:root{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:none;background-color:var(--modal-overlay-background-color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog article .close{display:block;width:1rem;height:1rem;margin-top:calc(var(--block-spacing-vertical) * -.5);margin-bottom:var(--typography-spacing-vertical);margin-left:auto;background-image:var(--icon-close);background-position:center;background-size:auto 1rem;background-repeat:no-repeat;opacity:.5;transition:opacity var(--transition)}dialog article .close:active,dialog article .close:focus,dialog article .close:hover{opacity:1}dialog:not([open]),dialog[open=false]{display:none}.modal-is-open{padding-right:var(--scrollbar-width,0);overflow:hidden;pointer-events:none}.modal-is-open dialog{pointer-events:auto}.modal-is-closing dialog,.modal-is-closing dialog>article,.modal-is-opening dialog,.modal-is-opening dialog>article{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.modal-is-closing dialog,.modal-is-opening dialog{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:fadeIn;animation-name:fadeIn}.modal-is-closing dialog>article,.modal-is-opening dialog>article{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-name:slideInDown;animation-name:slideInDown}.modal-is-closing dialog,.modal-is-closing dialog>article{-webkit-animation-delay:0s;animation-delay:0s;animation-direction:reverse}@-webkit-keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@-webkit-keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}nav,nav ul{display:flex}nav{justify-content:space-between}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(textarea)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input):not(select):not(textarea):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
+ */:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}a.contrast,a.secondary{--text-decoration:underline}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead):not(tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:#a2afb9;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:light}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}}[data-theme=dark]{--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing);padding-left:var(--spacing)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:992px){.container{max-width:920px}}@media (min-width:1200px){.container{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.grid{grid-column-gap:var(--grid-spacing-horizontal);grid-row-gap:var(--grid-spacing-vertical);display:grid;grid-template-columns:1fr;margin:0}@media (min-width:992px){.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}.grid>*{min-width:0}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);transition:background-color var(--transition),color var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition);transition:background-color var(--transition),color var(--transition),text-decoration var(--transition),box-shadow var(--transition),-webkit-text-decoration var(--transition)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}a.secondary{--color:var(--secondary)}a.secondary:active,a.secondary:focus,a.secondary:hover{--color:var(--secondary-hover)}a.secondary:focus{--background-color:var(--secondary-focus)}a.contrast{--color:var(--contrast)}a.contrast:active,a.contrast:focus,a.contrast:hover{--color:var(--contrast-hover)}a.contrast:focus{--background-color:var(--contrast-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}.headings,hgroup{margin-bottom:var(--typography-spacing-vertical)}.headings>*,hgroup>*{margin-bottom:0}.headings>:last-child,hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}ol,ul{padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}ol li,ul li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}[role=button]{display:inline-block;text-decoration:none}[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[role=button]:active,[role=button]:focus,[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--color:var(--primary-inverse)}[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}[role=button].secondary,button.secondary,input[type=button].secondary,input[type=reset],input[type=submit].secondary{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover,input[type=button].secondary:active,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit].secondary:active,input[type=submit].secondary:focus,input[type=submit].secondary:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover);--color:var(--secondary-inverse)}[role=button].secondary:focus,button.secondary:focus,input[type=button].secondary:focus,input[type=reset]:focus,input[type=submit].secondary:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}[role=button].contrast,button.contrast,input[type=button].contrast,input[type=reset].contrast,input[type=submit].contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}[role=button].contrast:active,[role=button].contrast:focus,[role=button].contrast:hover,button.contrast:active,button.contrast:focus,button.contrast:hover,input[type=button].contrast:active,input[type=button].contrast:focus,input[type=button].contrast:hover,input[type=reset].contrast:active,input[type=reset].contrast:focus,input[type=reset].contrast:hover,input[type=submit].contrast:active,input[type=submit].contrast:focus,input[type=submit].contrast:hover{--background-color:var(--contrast-hover);--border-color:var(--contrast-hover);--color:var(--contrast-inverse)}[role=button].contrast:focus,button.contrast:focus,input[type=button].contrast:focus,input[type=reset].contrast:focus,input[type=submit].contrast:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--contrast-focus)}[role=button].outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{--background-color:transparent;--color:var(--primary)}[role=button].outline:active,[role=button].outline:focus,[role=button].outline:hover,button.outline:active,button.outline:focus,button.outline:hover,input[type=button].outline:active,input[type=button].outline:focus,input[type=button].outline:hover,input[type=reset].outline:active,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=submit].outline:active,input[type=submit].outline:focus,input[type=submit].outline:hover{--background-color:transparent;--color:var(--primary-hover)}[role=button].outline.secondary,button.outline.secondary,input[type=button].outline.secondary,input[type=reset].outline.secondary,input[type=submit].outline.secondary{--color:var(--secondary)}[role=button].outline.secondary:active,[role=button].outline.secondary:focus,[role=button].outline.secondary:hover,button.outline.secondary:active,button.outline.secondary:focus,button.outline.secondary:hover,input[type=button].outline.secondary:active,input[type=button].outline.secondary:focus,input[type=button].outline.secondary:hover,input[type=reset].outline.secondary:active,input[type=reset].outline.secondary:focus,input[type=reset].outline.secondary:hover,input[type=submit].outline.secondary:active,input[type=submit].outline.secondary:focus,input[type=submit].outline.secondary:hover{--color:var(--secondary-hover)}[role=button].outline.contrast,button.outline.contrast,input[type=button].outline.contrast,input[type=reset].outline.contrast,input[type=submit].outline.contrast{--color:var(--contrast)}[role=button].outline.contrast:active,[role=button].outline.contrast:focus,[role=button].outline.contrast:hover,button.outline.contrast:active,button.outline.contrast:focus,button.outline.contrast:hover,input[type=button].outline.contrast:active,input[type=button].outline.contrast:focus,input[type=button].outline.contrast:hover,input[type=reset].outline.contrast:active,input[type=reset].outline.contrast:focus,input[type=reset].outline.contrast:hover,input[type=submit].outline.contrast:active,input[type=submit].outline.contrast:focus,input[type=submit].outline.contrast:hover{--color:var(--contrast-hover)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal)!important;padding-inline-start:var(--form-element-spacing-horizontal)!important;-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem)!important;background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)!important}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color)!important;--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)!important}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>textarea{margin-top:calc(var(--spacing) * .25)}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25em;height:1.25em;margin-top:-.125em;margin-right:.375em;margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.375em;margin-inline-end:.375em;border-width:var(--border-width);font-size:inherit;vertical-align:middle;cursor:pointer}[type=checkbox]::-ms-check,[type=radio]::-ms-check{display:none}[type=checkbox]:checked,[type=checkbox]:checked:active,[type=checkbox]:checked:focus,[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-checkbox);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=checkbox]~label,[type=radio]~label{display:inline-block;margin-right:.375em;margin-bottom:0;cursor:pointer}[type=checkbox]:indeterminate{--background-color:var(--primary);--border-color:var(--primary);background-image:var(--icon-minus);background-position:center;background-size:.75em auto;background-repeat:no-repeat}[type=radio]{border-radius:50%}[type=radio]:checked,[type=radio]:checked:active,[type=radio]:checked:focus{--background-color:var(--primary-inverse);border-width:.35em;background-image:none}[type=checkbox][role=switch]{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color);--color:var(--switch-color);width:2.25em;height:1.25em;border:var(--border-width) solid var(--border-color);border-radius:1.25em;background-color:var(--background-color);line-height:1.25em}[type=checkbox][role=switch]:focus{--background-color:var(--switch-background-color);--border-color:var(--switch-background-color)}[type=checkbox][role=switch]:checked{--background-color:var(--switch-checked-background-color);--border-color:var(--switch-checked-background-color)}[type=checkbox][role=switch]:before{display:block;width:calc(1.25em - (var(--border-width) * 2));height:100%;border-radius:50%;background-color:var(--color);content:"";transition:margin .1s ease-in-out}[type=checkbox][role=switch]:checked{background-image:none}[type=checkbox][role=switch]:checked::before{margin-left:calc(1.125em - var(--border-width));-webkit-margin-start:calc(1.125em - var(--border-width));margin-inline-start:calc(1.125em - var(--border-width))}[type=checkbox]:checked[aria-invalid=false],[type=checkbox][aria-invalid=false],[type=checkbox][role=switch]:checked[aria-invalid=false],[type=checkbox][role=switch][aria-invalid=false],[type=radio]:checked[aria-invalid=false],[type=radio][aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}[type=checkbox]:checked[aria-invalid=true],[type=checkbox][aria-invalid=true],[type=checkbox][role=switch]:checked[aria-invalid=true],[type=checkbox][role=switch][aria-invalid=true],[type=radio]:checked[aria-invalid=true],[type=radio][aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}[type=color]::-webkit-color-swatch-wrapper{padding:0}[type=color]::-moz-focus-inner{padding:0}[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--border-radius) * .5)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time],input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week]{--icon-position:0.75rem;--icon-width:1rem;padding-right:calc(var(--icon-width) + var(--icon-position));background-image:var(--icon-date);background-position:center right var(--icon-position);background-size:var(--icon-width) auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time]{background-image:var(--icon-time)}[type=date]::-webkit-calendar-picker-indicator,[type=datetime-local]::-webkit-calendar-picker-indicator,[type=month]::-webkit-calendar-picker-indicator,[type=time]::-webkit-calendar-picker-indicator,[type=week]::-webkit-calendar-picker-indicator{width:var(--icon-width);margin-right:calc(var(--icon-width) * -1);margin-left:var(--icon-position);opacity:0}[dir=rtl] [type=date],[dir=rtl] [type=datetime-local],[dir=rtl] [type=month],[dir=rtl] [type=time],[dir=rtl] [type=week]{text-align:right}[type=file]{--color:var(--muted-color);padding:calc(var(--form-element-spacing-vertical) * .5) 0;border:none;border-radius:0;background:0 0}[type=file]:active,[type=file]:focus,[type=file]:hover{border:none;background:0 0}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::file-selector-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::file-selector-button:active,[type=file]::file-selector-button:focus,[type=file]::file-selector-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-webkit-file-upload-button{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing)/ 2);margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-webkit-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-webkit-file-upload-button:active,[type=file]::-webkit-file-upload-button:focus,[type=file]::-webkit-file-upload-button:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=file]::-ms-browse{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);margin-right:calc(var(--spacing)/ 2);margin-left:0;margin-inline-start:0;margin-inline-end:calc(var(--spacing)/ 2);padding:calc(var(--form-element-spacing-vertical) * .5) calc(var(--form-element-spacing-horizontal) * .5);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer;-ms-transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}[type=file]::-ms-browse:active,[type=file]::-ms-browse:focus,[type=file]::-ms-browse:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover)}[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:1.25rem;background:0 0}[type=range]::-webkit-slider-runnable-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-webkit-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-moz-range-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-moz-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-ms-track{width:100%;height:.25rem;border-radius:var(--border-radius);background-color:var(--range-border-color);-ms-transition:background-color var(--transition),box-shadow var(--transition);transition:background-color var(--transition),box-shadow var(--transition)}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-webkit-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-moz-range-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-moz-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]::-ms-thumb{-webkit-appearance:none;width:1.25rem;height:1.25rem;margin-top:-.5rem;border:2px solid var(--range-thumb-border-color);border-radius:50%;background-color:var(--range-thumb-color);cursor:pointer;-ms-transition:background-color var(--transition),transform var(--transition);transition:background-color var(--transition),transform var(--transition)}[type=range]:focus,[type=range]:hover{--range-border-color:var(--range-active-border-color);--range-thumb-color:var(--range-thumb-hover-color)}[type=range]:active{--range-thumb-color:var(--range-thumb-active-color)}[type=range]:active::-webkit-slider-thumb{transform:scale(1.25)}[type=range]:active::-moz-range-thumb{transform:scale(1.25)}[type=range]:active::-ms-thumb{transform:scale(1.25)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search]{padding-left:calc(var(--form-element-spacing-horizontal) + 1.75rem);border-radius:5rem;background-image:var(--icon-search);background-position:center left 1.125rem;background-size:1rem auto;background-repeat:no-repeat}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}table{width:100%;border-color:inherit;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}code,kbd,pre,samp{font-size:.875em;font-family:var(--font-family)}pre{-ms-overflow-style:scrollbar;overflow:auto}code,kbd,pre{border-radius:var(--border-radius);background:var(--code-background-color);color:var(--code-color);font-weight:var(--font-weight);line-height:initial}code,kbd{display:inline-block;padding:.375rem .5rem}pre{display:block;margin-bottom:var(--spacing);overflow-x:auto}pre>code{display:block;padding:var(--spacing);background:0 0;font-size:14px;line-height:var(--line-height)}code b{color:var(--code-tag-color);font-weight:var(--font-weight)}code i{color:var(--code-property-color);font-style:normal}code u{color:var(--code-value-color);text-decoration:none}code em{color:var(--code-comment-color);font-style:normal}kbd{background-color:var(--code-kbd-background-color);color:var(--code-kbd-color);vertical-align:baseline}hr{box-sizing:content-box;height:0;overflow:visible;border:none;border-top:1px solid var(--muted-border-color)}[hidden],template{display:none!important}canvas{display:inline-block}details{display:block;margin-bottom:var(--spacing);padding-bottom:calc(var(--spacing) * .5);border-bottom:var(--border-width) solid var(--accordion-border-color)}details summary{color:var(--accordion-close-summary-color);line-height:1rem;list-style-type:none;cursor:pointer;transition:color var(--transition)}details summary::-webkit-details-marker{display:none}details summary::marker{display:none}details summary::-moz-list-bullet{list-style-type:none}details summary::after{display:block;width:1rem;height:1rem;float:right;transform:rotate(-90deg);background-image:var(--icon-chevron);background-position:center;background-size:1rem auto;background-repeat:no-repeat;content:"";transition:transform var(--transition)}details summary:focus{outline:0;color:var(--accordion-active-summary-color)}details summary~*{margin-top:calc(var(--spacing) * .5)}details summary~*~*{margin-top:0}details[open]>summary{margin-bottom:calc(var(--spacing) * .25)}details[open]>summary:not(:focus){color:var(--accordion-open-summary-color)}details[open]>summary::after{transform:rotate(0)}[dir=rtl] details summary::after{float:left}article{margin:var(--block-spacing-vertical) 0;padding:var(--block-spacing-vertical) var(--block-spacing-horizontal);overflow:hidden;border-radius:var(--border-radius);background:var(--card-background-color);box-shadow:var(--card-box-shadow)}article>footer,article>header{margin-right:calc(var(--block-spacing-horizontal) * -1);margin-left:calc(var(--block-spacing-horizontal) * -1);padding:calc(var(--block-spacing-vertical) * .66) var(--block-spacing-horizontal);background-color:var(--card-sectionning-background-color)}article>header{margin-top:calc(var(--block-spacing-vertical) * -1);margin-bottom:var(--block-spacing-vertical);border-bottom:var(--border-width) solid var(--card-border-color)}article>footer{margin-top:var(--block-spacing-vertical);margin-bottom:calc(var(--block-spacing-vertical) * -1);border-top:var(--border-width) solid var(--card-border-color)}:root{--scrollbar-width:0px}dialog{display:flex;z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;width:inherit;min-width:100%;height:inherit;min-height:100%;padding:var(--spacing);border:none;background-color:var(--modal-overlay-background-color)}dialog article{max-height:calc(100vh - var(--spacing) * 2);overflow:auto}@media (min-width:576px){dialog article{max-width:510px}}@media (min-width:768px){dialog article{max-width:700px}}dialog article>footer,dialog article>header{padding:calc(var(--block-spacing-vertical) * .5) var(--block-spacing-horizontal)}dialog article>header .close{margin:0;margin-left:var(--spacing);float:right}dialog article>footer{text-align:right}dialog article>footer [role=button]{margin-bottom:0}dialog article>footer [role=button]:not(:first-of-type){margin-left:calc(var(--spacing) * .5)}dialog article p:last-of-type{margin:0}dialog article .close{display:block;width:1rem;height:1rem;margin-top:calc(var(--block-spacing-vertical) * -.5);margin-bottom:var(--typography-spacing-vertical);margin-left:auto;background-image:var(--icon-close);background-position:center;background-size:auto 1rem;background-repeat:no-repeat;opacity:.5;transition:opacity var(--transition)}dialog article .close:active,dialog article .close:focus,dialog article .close:hover{opacity:1}dialog:not([open]),dialog[open=false]{display:none}.modal-is-open{padding-right:var(--scrollbar-width,0);overflow:hidden;pointer-events:none}.modal-is-open dialog{pointer-events:auto}.modal-is-closing dialog,.modal-is-closing dialog>article,.modal-is-opening dialog,.modal-is-opening dialog>article{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.modal-is-closing dialog,.modal-is-opening dialog{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:fadeIn;animation-name:fadeIn}.modal-is-closing dialog>article,.modal-is-opening dialog>article{-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-name:slideInDown;animation-name:slideInDown}.modal-is-closing dialog,.modal-is-closing dialog>article{-webkit-animation-delay:0s;animation-delay:0s;animation-direction:reverse}@-webkit-keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@keyframes fadeIn{from{background-color:transparent}to{background-color:var(--modal-overlay-background-color)}}@-webkit-keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}nav,nav ul{display:flex}nav{justify-content:space-between}nav ol,nav ul{align-items:center;margin-bottom:0;padding:0;list-style:none}nav ol:first-of-type,nav ul:first-of-type{margin-left:calc(var(--spacing) * -.5)}nav ol:last-of-type,nav ul:last-of-type{margin-right:calc(var(--spacing) * -.5)}nav li{display:inline-block;margin:0;padding:var(--spacing) calc(var(--spacing) * .5)}nav li>*,nav li>input:not([type=checkbox]):not([type=radio]){margin-bottom:0}nav a{display:block;margin:calc(var(--spacing) * -1) calc(var(--spacing) * -.5);padding:var(--spacing) calc(var(--spacing) * .5);border-radius:var(--border-radius);text-decoration:none}nav a:active,nav a:focus,nav a:hover{text-decoration:none}nav[aria-label=breadcrumb]{align-items:center;justify-content:left}nav[aria-label=breadcrumb] ul li{-webkit-padding-start:0;padding-inline-start:0}nav[aria-label=breadcrumb] ul li:not(:last-child) a::after{-webkit-padding-start:0.5rem;padding-inline-start:0.5rem;content:"/";color:var(--muted-color)}nav[aria-label=breadcrumb] a[aria-current=page]{color:inherit}aside li,aside nav,aside ol,aside ul{display:block}aside li{padding:calc(var(--spacing) * .5)}aside li a{margin:calc(var(--spacing) * -.5);padding:calc(var(--spacing) * .5)}progress{display:inline-block;vertical-align:baseline}progress{-webkit-appearance:none;-moz-appearance:none;display:inline-block;appearance:none;width:100%;height:.5rem;margin-bottom:calc(var(--spacing) * .5);overflow:hidden;border:0;border-radius:var(--border-radius);background-color:var(--progress-background-color);color:var(--progress-color)}progress::-webkit-progress-bar{border-radius:var(--border-radius);background:0 0}progress[value]::-webkit-progress-value{background-color:var(--progress-color)}progress::-moz-progress-bar{background-color:var(--progress-color)}@media (prefers-reduced-motion:no-preference){progress:indeterminate{background:var(--progress-background-color) linear-gradient(to right,var(--progress-color) 30%,var(--progress-background-color) 30%) top left/150% 150% no-repeat;-webkit-animation:progressIndeterminate 1s linear infinite;animation:progressIndeterminate 1s linear infinite}progress:indeterminate[value]::-webkit-progress-value{background-color:transparent}progress:indeterminate::-moz-progress-bar{background-color:transparent}}@-webkit-keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}@keyframes progressIndeterminate{0%{background-position:200% 0}100%{background-position:-200% 0}}[aria-busy=true]{cursor:progress}[aria-busy=true]:not(input):not(select):not(textarea)::before{display:inline-block;width:1em;height:1em;border:.1875em solid currentColor;border-radius:1em;border-right-color:transparent;content:"";vertical-align:text-bottom;vertical-align:-.125em;-webkit-animation:spinner .75s linear infinite;animation:spinner .75s linear infinite;opacity:var(--loading-spinner-opacity)}[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before{margin-right:calc(var(--spacing) * .5);margin-left:0;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:calc(var(--spacing) * .5);margin-inline-end:calc(var(--spacing) * .5)}[aria-busy=true]:not(input):not(select):not(textarea):empty{text-align:center}a[aria-busy=true],button[aria-busy=true],input[type=button][aria-busy=true],input[type=reset][aria-busy=true],input[type=submit][aria-busy=true]{pointer-events:none}@-webkit-keyframes spinner{to{transform:rotate(360deg)}}@keyframes spinner{to{transform:rotate(360deg)}}[data-tooltip]{position:relative}[data-tooltip]:not(a):not(button):not(input){border-bottom:1px dotted;text-decoration:none;cursor:help}[data-tooltip]::after,[data-tooltip]::before{display:block;z-index:99;position:absolute;bottom:100%;left:50%;padding:.25rem .5rem;overflow:hidden;transform:translate(-50%,-.25rem);border-radius:var(--border-radius);background:var(--tooltip-background-color);content:attr(data-tooltip);color:var(--tooltip-color);font-style:normal;font-weight:var(--font-weight);font-size:.875rem;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;opacity:0;pointer-events:none}[data-tooltip]::after{padding:0;transform:translate(-50%,0);border-top:.3rem solid;border-right:.3rem solid transparent;border-left:.3rem solid transparent;border-radius:0;background-color:transparent;content:"";color:var(--tooltip-background-color)}[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{opacity:1}@media (hover:hover) and (pointer:fine){[data-tooltip]:focus::after,[data-tooltip]:focus::before,[data-tooltip]:hover::after,[data-tooltip]:hover::before{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-name:slide;animation-name:slide}[data-tooltip]:focus::after,[data-tooltip]:hover::after{-webkit-animation-name:slideCaret;animation-name:slideCaret}}@-webkit-keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@keyframes slide{from{transform:translate(-50%,.75rem);opacity:0}to{transform:translate(-50%,-.25rem);opacity:1}}@-webkit-keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}@keyframes slideCaret{from{opacity:0}50%{transform:translate(-50%,-.25rem);opacity:0}to{transform:translate(-50%,0);opacity:1}}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}@media (prefers-reduced-motion:reduce){:not([aria-busy=true]),:not([aria-busy=true])::after,:not([aria-busy=true])::before{background-attachment:initial!important;-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-delay:-1ms!important;animation-delay:-1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-delay:0s!important;transition-duration:0s!important}}
 /*# sourceMappingURL=pico.min.css.map */
\ No newline at end of file
diff --git a/css/pico.min.css.map b/css/pico.min.css.map
index 686f6fc3..72fcbcc7 100644
--- a/css/pico.min.css.map
+++ b/css/pico.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.scss","scss/themes/default/_styles.scss","css/pico.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_container.scss","scss/layout/_section.scss","scss/layout/_grid.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_form-checkbox-radio.scss","scss/content/_form-alt-input-types.scss","scss/content/_table.scss","scss/content/_code.scss","scss/content/_miscs.scss","scss/components/_accordion.scss","scss/components/_card.scss","scss/components/_modal.scss","scss/components/_nav.scss","scss/components/_progress.scss","scss/utilities/_loading.scss","scss/utilities/_tooltip.scss","scss/utilities/_accessibility.scss","scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\n@import \"content/table\"; // table, tr, td, ...\n@import \"content/code\"; // pre, code, ...\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\n\n// Components\n@import \"components/accordion\"; // details, summary\n@import \"components/card\"; // article\n@import \"components/modal\"; // dialog\n@import \"components/nav\"; // nav\n@import \"components/progress\"; // progress\n\n// Utilities\n@import \"utilities/loading\"; // aria-busy=true\n@import \"utilities/tooltip\"; // data-tooltip\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup,\n.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\n\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary: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::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  padding-right: var(--scrollbar-width, 0px);\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-duration: 0.2s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: both;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  animation-duration: 0.8s;\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  animation-delay: 0.2s;\n  animation-name: slideInDown;\n}\n\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-delay: 0s;\n  animation-direction: reverse;\n}\n\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: slideCaret;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n        padding-right: 0;\n        padding-left: 0;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if ($enable-classes and $enable-grid) {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\n@if $enable-classes == false {\n  hgroup {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n@if $enable-classes {\n  hgroup,\n  .headings {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n    --color: var(--primary-inverse);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n\n  // Contrast\n  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--contrast-focus);\n    }\n  }\n\n  // Outline (primary)\n  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n}\n\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-valid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n    \n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-invalid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Form elements\n * Checkboxes & Radios\n */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n\n  &::-ms-check {\n    display: none; // unstyle IE checkboxes\n  }\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-checkbox);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n\n  & ~ label {\n    display: inline-block;\n    margin-right: 0.375em;\n    margin-bottom: 0;\n    cursor: pointer;\n  }\n}\n\n// Checkboxes\n[type=\"checkbox\"] {\n  &:indeterminate {\n    --background-color: var(--primary);\n    --border-color: var(--primary);\n    background-image: var(--icon-minus);\n    background-position: center;\n    background-size: 0.75em auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Radios\n[type=\"radio\"] {\n  border-radius: 50%;\n\n  &:checked,\n  &:checked:active,\n  &:checked:focus {\n    --background-color: var(--primary-inverse);\n    border-width: 0.35em;\n    background-image: none;\n  }\n}\n\n// Switchs\n[type=\"checkbox\"][role=\"switch\"] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n\n  // Config\n  $switch-height: 1.25em;\n  $switch-width: 2.25em;\n  $switch-transition: 0.1s ease-in-out;\n\n  // Styles\n  width: $switch-width;\n  height: $switch-height;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: $switch-height;\n  background-color: var(--background-color);\n  line-height: $switch-height;\n\n  &:focus {\n    --background-color: var(--switch-background-color);\n    --border-color: var(--switch-background-color);\n  }\n\n  &:checked {\n    --background-color: var(--switch-checked-background-color);\n    --border-color: var(--switch-checked-background-color);\n  }\n\n  &:before {\n    display: block;\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\n    height: 100%;\n    border-radius: 50%;\n    background-color: var(--color);\n    content: \"\";\n\n    @if $enable-transitions {\n      transition: margin $switch-transition;\n    }\n  }\n\n  &:checked {\n    background-image: none;\n\n    &::before {\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\n    }\n  }\n}\n\n// Aria-invalid\n[type=\"checkbox\"],\n[type=\"checkbox\"]:checked,\n[type=\"radio\"],\n[type=\"radio\"]:checked,\n[type=\"checkbox\"][role=\"switch\"],\n[type=\"checkbox\"][role=\"switch\"]:checked {\n  \n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n  }\n}","/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n\n// Color\n[type=\"color\"] {\n  // Wrapper\n  @mixin color-wrapper {\n    padding: 0;\n  }\n\n  &::-webkit-color-swatch-wrapper {\n    @include color-wrapper;\n  }\n\n  &::-moz-focus-inner {\n    @include color-wrapper;\n  }\n\n  // Swatch\n  @mixin color-swatch {\n    border: none;\n    border-radius: calc(var(--border-radius) * 0.5);\n  }\n\n  &::-webkit-color-swatch {\n    @include color-swatch;\n  }\n\n  &::-moz-color-swatch {\n    @include color-swatch;\n  }\n}\n\n// Date & Time\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"date\"],\n  &[type=\"datetime-local\"],\n  &[type=\"month\"],\n  &[type=\"time\"],\n  &[type=\"week\"] {\n    --icon-position: 0.75rem;\n    --icon-width: 1rem;\n    padding-right: calc(var(--icon-width) + var(--icon-position));\n    background-image: var(--icon-date);\n    background-position: center right var(--icon-position);\n    background-size: var(--icon-width) auto;\n    background-repeat: no-repeat;\n  }\n\n  // Time\n  &[type=\"time\"] {\n    background-image: var(--icon-time);\n  }\n}\n\n// Calendar picker\n[type=\"date\"],\n[type=\"datetime-local\"],\n[type=\"month\"],\n[type=\"time\"],\n[type=\"week\"] {\n  &::-webkit-calendar-picker-indicator {\n    width: var(--icon-width);\n    margin-right: calc(var(--icon-width) * -1);\n    margin-left: var(--icon-position);\n    opacity: 0;\n  }\n}\n\n[dir=\"rtl\"] {\n  [type=\"date\"],\n  [type=\"datetime-local\"],\n  [type=\"month\"],\n  [type=\"time\"],\n  [type=\"week\"] {\n    text-align: right;\n  }\n}\n\n// File\n[type=\"file\"] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n\n  &:hover,\n  &:active,\n  &:focus {\n    border: none;\n    background: none;\n  }\n\n  @mixin file-selector-button {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    margin-right: calc(var(--spacing) / 2);\n    margin-left: 0;\n    margin-inline-start: 0;\n    margin-inline-end: calc(var(--spacing) / 2);\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\n      calc(var(--form-element-spacing-horizontal) * 0.5);\n    border: var(--border-width) solid var(--border-color);\n    border-radius: var(--border-radius);\n    outline: none;\n    background-color: var(--background-color);\n    box-shadow: var(--box-shadow);\n    color: var(--color);\n    font-weight: var(--font-weight);\n    font-size: 1rem;\n    line-height: var(--line-height);\n    text-align: center;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        border-color var(--transition), color var(--transition),\n        box-shadow var(--transition);\n    }\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n  }\n\n  &::file-selector-button {\n    @include file-selector-button;\n  }\n\n  &::-webkit-file-upload-button {\n    @include file-selector-button;\n  }\n\n  &::-ms-browse {\n    @include file-selector-button;\n  }\n}\n\n// Range\n[type=\"range\"] {\n  // Config\n  $height-track: 0.25rem;\n  $height-thumb: 1.25rem;\n  $border-thumb: 2px;\n\n  // Styles\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: $height-thumb;\n  background: transparent;\n\n  // Slider Track\n  @mixin slider-track {\n    width: 100%;\n    height: $height-track;\n    border-radius: var(--border-radius);\n    background-color: var(--range-border-color);\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        box-shadow var(--transition);\n    }\n  }\n\n  &::-webkit-slider-runnable-track {\n    @include slider-track;\n  }\n\n  &::-moz-range-track {\n    @include slider-track;\n  }\n\n  &::-ms-track {\n    @include slider-track;\n  }\n\n  // Slider Thumb\n  @mixin slider-thumb {\n    -webkit-appearance: none;\n    width: $height-thumb;\n    height: $height-thumb;\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\n    border: $border-thumb solid var(--range-thumb-border-color);\n    border-radius: 50%;\n    background-color: var(--range-thumb-color);\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: background-color var(--transition),\n        transform var(--transition);\n    }\n  }\n  &::-webkit-slider-thumb {\n    @include slider-thumb;\n  }\n\n  &::-moz-range-thumb {\n    @include slider-thumb;\n  }\n\n  &::-ms-thumb {\n    @include slider-thumb;\n  }\n\n  &:hover,\n  &:focus {\n    --range-border-color: var(--range-active-border-color);\n    --range-thumb-color: var(--range-thumb-hover-color);\n  }\n\n  &:active {\n    --range-thumb-color: var(--range-thumb-active-color);\n\n    // Slider Thumb\n    &::-webkit-slider-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-moz-range-thumb {\n      transform: scale(1.25);\n    }\n\n    &::-ms-thumb {\n      transform: scale(1.25);\n    }\n  }\n}\n\n// Search\n// :not() are needed to add Specificity and avoid !important on padding\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\n  &[type=\"search\"] {\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n    border-radius: 5rem;\n    background-image: var(--icon-search);\n    background-position: center left 1.125rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n// Cancel button\n[type=\"search\"] {\n  &::-webkit-search-cancel-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Footer\ntfoot {\n  th,\n  td {\n    border-top: var(--border-width) solid var(--table-border-color);\n    border-bottom: 0;\n  }\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Code\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Correct the inheritance and scaling of font size in all browsers\n// 2. Correct the font sizing in all browsers\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em; // 2\n  font-family: var(--font-family); // 1\n}\n\n// Prevent overflow of the container in all browsers (opinionated)\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\n// Pico\n// ––––––––––––––––––––\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n\n  > code {\n    display: block;\n    padding: var(--spacing);\n    background: transparent;\n    font-size: 14px;\n    line-height: var(--line-height);\n  }\n}\n\n// Code Syntax\ncode {\n  // Tags\n  b {\n    color: var(--code-tag-color);\n    font-weight: var(--font-weight);\n  }\n\n  // Properties\n  i {\n    color: var(--code-property-color);\n    font-style: normal;\n  }\n\n  // Values\n  u {\n    color: var(--code-value-color);\n    text-decoration: none;\n  }\n\n  // Comments\n  em {\n    color: var(--code-comment-color);\n    font-style: normal;\n  }\n}\n\n// kbd\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n","/**\n * Miscs\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct box sizing in Firefox\n// 2. Show the overflow in Edge and IE\nhr {\n  box-sizing: content-box; // 1\n  height: 0; // 1\n  overflow: visible; // 2\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n// Add the correct display in IE 10+\n[hidden],\ntemplate {\n  @if $enable-important {\n    display: none !important;\n  } @else {\n    display: none;\n  }\n}\n\n// Add the correct display in IE 9-\ncanvas {\n  display: inline-block;\n}\n","/**\n * Accordion (<details>)\n */\n\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n  summary {\n    color: var(--accordion-close-summary-color);\n    line-height: 1rem;\n    list-style-type: none;\n    cursor: pointer;\n\n    @if $enable-transitions {\n      transition: color var(--transition);\n    }\n\n    // Reset marker\n    &::-webkit-details-marker {\n      display: none;\n    }\n\n    &::marker {\n      display: none;\n    }\n\n    &::-moz-list-bullet {\n      list-style-type: none;\n    }\n\n    // Marker\n    &::after {\n      display: block;\n      width: 1rem;\n      height: 1rem;\n      float: right;\n      transform: rotate(-90deg);\n      background-image: var(--icon-chevron);\n      background-position: center;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: transform var(--transition);\n      }\n    }\n\n    &:focus {\n      outline: none;\n      color: var(--accordion-active-summary-color);\n    }\n\n    ~ * {\n      margin-top: calc(var(--spacing) * 0.5);\n\n      ~ * {\n        margin-top: 0;\n      }\n    }\n  }\n\n  // Open\n  &[open] {\n    > summary {\n      margin-bottom: calc(var(--spacing) * 0.25);\n\n      &:not(:focus) {\n        color: var(--accordion-open-summary-color);\n      }\n\n      &::after {\n        transform: rotate(0);\n      } \n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  details {\n    summary {\n      &::after {\n        float: left;\n      }\n    }\n  }\n}\n","/**\n * Card (<article>)\n */\n\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n\n  > header,\n  > footer {\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\n    padding: calc(var(--block-spacing-vertical) * 0.66)\n      var(--block-spacing-horizontal);\n    background-color: var(--card-sectionning-background-color);\n  }\n\n  > header {\n    margin-top: calc(var(--block-spacing-vertical) * -1);\n    margin-bottom: var(--block-spacing-vertical);\n    border-bottom: var(--border-width) solid var(--card-border-color);\n  }\n\n  > footer {\n    margin-top: var(--block-spacing-vertical);\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\n    border-top: var(--border-width) solid var(--card-border-color);\n  }\n}\n","/**\n * Modal (<dialog>)\n */\n\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n\n  // Content\n  article {\n    max-height: calc(100vh - var(--spacing) * 2);\n    overflow: auto;\n\n    @if map-get($breakpoints, 'sm') {\n      @media (min-width: map-get($breakpoints, 'sm')) {\n        max-width: map-get($viewports, 'sm');\n      }\n    }\n\n    @if map-get($breakpoints, 'md') {\n      @media (min-width: map-get($breakpoints, 'md')) {\n        max-width: map-get($viewports, 'md');\n      }\n    }\n\n    > header,\n    > footer {\n      padding: calc(var(--block-spacing-vertical) * 0.5)\n        var(--block-spacing-horizontal);\n    }\n\n    > header {\n      .close {\n        margin: 0;\n        margin-left: var(--spacing);\n        float: right;\n      }\n    }\n\n    > footer {\n      text-align: right;\n\n      [role='button'] {\n        margin-bottom: 0;\n\n        &:not(:first-of-type) {\n          margin-left: calc(var(--spacing) * 0.5);\n        }\n      }\n    }\n\n    p {\n      &:last-of-type {\n        margin: 0;\n      }\n    }\n\n    // Close icon\n    @if $enable-classes {\n      .close {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\n        margin-bottom: var(--typography-spacing-vertical);\n        margin-left: auto;\n        background-image: var(--icon-close);\n        background-position: center;\n        background-size: auto 1rem;\n        background-repeat: no-repeat;\n        opacity: 0.5;\n\n        @if $enable-transitions {\n          transition: opacity var(--transition);\n        }\n\n        &:hover,\n        &:active,\n        &:focus {\n          opacity: 1;\n        }\n      }\n    }\n  }\n\n  // Closed state\n  &:not([open]),\n  &[open='false'] {\n    display: none;\n  }\n}\n\n// Utilities\n@if $enable-classes {\n  .modal-is-open {\n    padding-right: var(--scrollbar-width, 0px);\n    overflow: hidden;\n    pointer-events: none;\n\n    dialog {\n      pointer-events: auto;\n    }\n  }\n}\n\n// Animations\n@if ($enable-classes and $enable-transitions) {\n  $animation-duration: 0.2s;\n\n  .modal-is-opening,\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-duration: $animation-duration;\n      animation-timing-function: ease-in-out;\n      animation-fill-mode: both;\n    }\n\n    dialog {\n      animation-duration: ($animation-duration * 4);\n      animation-name: fadeIn;\n\n      > article {\n        animation-delay: $animation-duration;\n        animation-name: slideInDown;\n      }\n    }\n  }\n\n  .modal-is-closing {\n    dialog,\n    dialog > article {\n      animation-delay: 0s;\n      animation-direction: reverse;\n    }\n  }\n\n  @keyframes fadeIn {\n    from {\n      background-color: transparent;\n    }\n    to {\n      background-color: var(--modal-overlay-background-color);\n    }\n  }\n\n  @keyframes slideInDown {\n    from {\n      transform: translateY(-100%);\n      opacity: 0;\n    }\n    to {\n      transform: translateY(0);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Nav\n */\n\n// Horizontal Nav\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n\n  ol,\n  ul {\n    align-items: center;\n    margin-bottom: 0;\n    padding: 0;\n    list-style: none;\n\n    &:first-of-type {\n      margin-left: calc(var(--spacing) * -0.5);\n    }\n    &:last-of-type {\n      margin-right: calc(var(--spacing) * -0.5);\n    }\n  }\n\n  li {\n    display: inline-block;\n    margin: 0;\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n\n    // HACK: Input & Button inside Nav\n    > *,\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      margin-bottom: 0;\n    }\n  }\n\n  a {\n    display: block;\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\n    border-radius: var(--border-radius);\n    text-decoration: none;\n\n    &:hover,\n    &:active,\n    &:focus {\n      text-decoration: none;\n    }\n  }\n}\n\n// Vertical Nav\naside {\n  nav,\n  ol,\n  ul,\n  li {\n    display: block;\n  }\n\n  li {\n    padding: calc(var(--spacing) * 0.5);\n\n    a {\n      margin: calc(var(--spacing) * -0.5);\n      padding: calc(var(--spacing) * 0.5);\n    }\n  }\n}\n","/**\n * Progress\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Add the correct display in Edge 18- and IE\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\nprogress {\n  display: inline-block; // 1\n  vertical-align: baseline; // 2\n}\n\n// Pico\n// ––––––––––––––––––––\n\nprogress {\n  // Reset the default appearance\n  -webkit-appearance: none;\n  -moz-appearance: none;\n\n  // Styles\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n\n  // Remove Firefox and Opera border\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n\n  // IE10 uses `color` to set the bar background-color\n  color: var(--progress-color);\n\n  &::-webkit-progress-bar {\n    border-radius: var(--border-radius);\n    background: transparent;\n  }\n  &[value]::-webkit-progress-value {\n    background-color: var(--progress-color);\n  }\n  &::-moz-progress-bar {\n    background-color: var(--progress-color);\n  }\n\n  // Indeterminate state\n  @media (prefers-reduced-motion: no-preference) {\n    &:indeterminate {\n      background: var(--progress-background-color)\n        linear-gradient(\n          to right,\n          var(--progress-color) 30%,\n          var(--progress-background-color) 30%\n        )\n        top left / 150% 150% no-repeat;\n      animation: progressIndeterminate 1s linear infinite;\n\n      &[value]::-webkit-progress-value {\n        background-color: transparent;\n      }\n      &::-moz-progress-bar {\n        background-color: transparent;\n      }\n    }\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n","/**\n * Loading ([aria-busy=true])\n */\n\n\n// Cursor\n[aria-busy=\"true\"] {\n  cursor: progress;\n}\n\n// Everyting except form elements\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\n\n  &::before {\n    display: inline-block;\n    width: 1em;\n    height: 1em;\n    border: 0.1875em solid currentColor;\n    border-radius: 1em;\n    border-right-color: transparent;\n    content: '';\n    vertical-align: text-bottom;\n    vertical-align: -.125em; // Visual alignment\n    animation: spinner 0.75s linear infinite;\n    opacity: var(--loading-spinner-opacity);\n  }\n\n  &:not(:empty) {\n    &::before {\n      margin-right: calc(var(--spacing) * 0.5);\n      margin-left: 0;\n      margin-inline-start: 0;\n      margin-inline-end: calc(var(--spacing) * 0.5);\n    }\n  }\n\n  &:empty {\n    text-align: center;\n  }\n}\n\n// Buttons and links\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\na {\n  &[aria-busy=\"true\"] {\n    pointer-events: none;\n  }\n}\n\n// Animation: rotate\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n","/**\n * Tooltip ([data-tooltip])\n */\n\n[data-tooltip] {\n  position: relative;\n\n  &:not(a):not(button):not(input) {\n    border-bottom: 1px dotted;\n    text-decoration: none;\n    cursor: help;\n  }\n\n  &::before,\n  &::after {\n    display: block;\n    z-index: 99;\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    padding: .25rem .5rem;\n    overflow: hidden;\n    transform: translate(-50%, -.25rem);\n    border-radius: var(--border-radius);\n    background: var(--tooltip-background-color);\n    content: attr(data-tooltip);\n    color: var(--tooltip-color);\n    font-style: normal;\n    font-weight: var(--font-weight);\n    font-size: .875rem;\n    text-decoration: none;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  // Caret\n  &::after {\n    padding: 0;\n    transform: translate(-50%, 0rem);\n    border-top: .3rem solid;\n    border-right: .3rem solid transparent;\n    border-left: .3rem solid transparent;\n    border-radius: 0;\n    background-color: transparent;\n    content: '';\n    color: var(--tooltip-background-color);\n  }\n\n  // Display\n  &:focus,\n  &:hover {\n    &::before,\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  // Animations, excluding touch devices\n  @if $enable-transitions {\n    @media (hover: hover) and (pointer: fine) {\n      &:focus,\n      &:hover {\n        &::before,\n        &::after {\n          animation-duration: .2s;\n          animation-name: slide;\n        }\n\n        &::after {\n          animation-name: slideCaret; \n        }\n      }\n    }\n  }\n}\n\n// Animations\n@if $enable-transitions {\n  @keyframes slide {\n    from {\n      transform: translate(-50%, .75rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, -.25rem);\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideCaret {\n    from {\n      opacity: 0;\n    }\n    50% {\n      transform: translate(-50%, -.25rem);\n      opacity: 0;\n    }\n    to {\n      transform: translate(-50%, 0rem);\n      opacity: 1;\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n","@if $enable-transitions and $enable-important {\n\n/**\n * Reduce Motion Features\n */\n\n\n  // Based on :\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n  // ––––––––––––––––––––\n\n  // 1. Remove animations when motion is reduced (opinionated)\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\n  // 4. Remove transitions when motion is reduced (opinionated)\n  @media (prefers-reduced-motion: reduce) {\n    *:not([aria-busy=\"true\"]),\n    :not([aria-busy=\"true\"])::before,\n    :not([aria-busy=\"true\"])::after {\n      background-attachment: initial !important; // 2\n      animation-duration: 1ms !important; // 1\n      animation-delay: -1ms !important; // 1\n      animation-iteration-count: 1 !important; // 1\n      scroll-behavior: auto !important; // 3\n      transition-delay: 0s !important; // 4\n      transition-duration: 0s !important; // 4\n    }\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss\\pico.scss","scss\\themes\\default\\_styles.scss","css\\pico.css","scss\\themes\\default\\_light.scss","scss\\themes\\default.scss","scss\\themes\\default\\_dark.scss","scss\\layout\\_document.scss","scss\\layout\\_sectioning.scss","scss\\layout\\_container.scss","scss\\layout\\_section.scss","scss\\layout\\_grid.scss","scss\\layout\\_scroller.scss","scss\\content\\_typography.scss","scss\\content\\_embedded.scss","scss\\content\\_button.scss","scss\\content\\_form.scss","scss\\content\\_form-checkbox-radio.scss","scss\\content\\_form-alt-input-types.scss","scss\\content\\_table.scss","scss\\content\\_code.scss","scss\\content\\_miscs.scss","scss\\components\\_accordion.scss","scss\\components\\_card.scss","scss\\components\\_modal.scss","scss\\components\\_nav.scss","scss\\components\\_progress.scss","scss\\utilities\\_loading.scss","scss\\utilities\\_tooltip.scss","scss\\utilities\\_accessibility.scss","scss\\utilities\\_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Pico.css v1.4.4 (https://picocss.com)\r\n * Copyright 2019-2021 - Licensed under MIT\r\n */\r\n\r\n// Config\r\n@import \"variables\";\r\n\r\n// Theming\r\n@import \"themes/default\";\r\n\r\n// Layout\r\n@import \"layout/document\"; // html\r\n@import \"layout/sectioning\"; // body, header, main, footer\r\n@import \"layout/container\"; // .container, .container-fluid\r\n@import \"layout/section\"; // section\r\n@import \"layout/grid\"; // .grid\r\n@import \"layout/scroller\"; // figure\r\n\r\n// Content\r\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\r\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\r\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\r\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\r\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\r\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\r\n@import \"content/table\"; // table, tr, td, ...\r\n@import \"content/code\"; // pre, code, ...\r\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\r\n\r\n// Components\r\n@import \"components/accordion\"; // details, summary\r\n@import \"components/card\"; // article\r\n@import \"components/modal\"; // dialog\r\n@import \"components/nav\"; // nav\r\n@import \"components/progress\"; // progress\r\n\r\n// Utilities\r\n@import \"utilities/loading\"; // aria-busy=true\r\n@import \"utilities/tooltip\"; // data-tooltip\r\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\r\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\r\n","// Commons Styles\r\n:root {\r\n  // Typography\r\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n  --line-height: 1.5;\r\n  --font-weight: 400;\r\n  --font-size: 16px;\r\n\r\n  // Responsive typography\r\n  @if $enable-responsive-typography {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --font-size: 17px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --font-size: 18px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --font-size: 19px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Borders\r\n  --border-radius: 0.25rem;\r\n  --border-width: 1px;\r\n  --outline-width: 3px;\r\n\r\n  // Spacings\r\n  --spacing: 1rem;\r\n\r\n  // Spacings for typography elements\r\n  --typography-spacing-vertical: 1.5rem;\r\n\r\n  // Spacings for body > header, body > main, body > footer, section, article\r\n  --block-spacing-vertical: calc(var(--spacing) * 2);\r\n  --block-spacing-horizontal: var(--spacing);\r\n\r\n  @if ($enable-classes and $enable-grid) {\r\n    --grid-spacing-vertical: 0;\r\n    --grid-spacing-horizontal: var(--spacing);\r\n  }\r\n\r\n  // Spacings for form elements and button\r\n  --form-element-spacing-vertical: 0.75rem;\r\n  --form-element-spacing-horizontal: 1rem;\r\n\r\n  // Font weight for form labels & fieldsets legend\r\n  --form-label-font-weight: var(--font-weight);\r\n\r\n  // Transitions\r\n  --transition: 0.2s ease-in-out;\r\n}\r\n\r\n// Responsives spacings\r\n@if $enable-responsive-spacings {\r\n  // Sectionning\r\n  body > header,\r\n  body > main,\r\n  body > footer,\r\n  section {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 4);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Card (<article>)\r\n  article {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Modal\r\n  dialog > article {\r\n\r\n    --block-spacing-vertical: calc(var(--spacing) * 2);\r\n    --block-spacing-horizontal: var(--spacing);\r\n\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Link\r\na {\r\n  --text-decoration: none;\r\n\r\n  // Secondary & Contrast\r\n  @if $enable-classes {\r\n    &.secondary,\r\n    &.contrast {\r\n      --text-decoration: underline;\r\n    }\r\n  }\r\n}\r\n\r\n// Small\r\nsmall {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  --font-weight: 700;\r\n}\r\n\r\nh1 {\r\n  --font-size: 2rem;\r\n  --typography-spacing-vertical: 3rem;\r\n}\r\n\r\nh2 {\r\n  --font-size: 1.75rem;\r\n  --typography-spacing-vertical: 2.625rem;\r\n}\r\n\r\nh3 {\r\n  --font-size: 1.5rem;\r\n  --typography-spacing-vertical: 2.25rem;\r\n}\r\n\r\nh4 {\r\n  --font-size: 1.25rem;\r\n  --typography-spacing-vertical: 1.874rem;\r\n}\r\n\r\nh5 {\r\n  --font-size: 1.125rem;\r\n  --typography-spacing-vertical: 1.6875rem;\r\n}\r\n\r\n// Forms elements\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  --border-width: 2px;\r\n}\r\n\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --border-width: 3px;\r\n}\r\n\r\n// Table\r\nthead,\r\ntfoot {\r\n  th,\r\n  td {\r\n    --border-width: 3px;\r\n  }\r\n}\r\n\r\n:not(thead):not(tfoot) > * > td {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Code\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\r\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\r\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nkbd {\r\n  --font-weight: bolder;\r\n}\r\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    color-scheme: dark;\n  }\n}\n[data-theme=dark] {\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: dark;\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  -webkit-text-decoration: var(--text-decoration);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup,\n.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  -webkit-padding-start: var(--spacing);\n  padding-inline-start: var(--spacing);\n  -webkit-padding-end: 0;\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  -webkit-border-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  -webkit-border-end: none;\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::-moz-selection {\n  background-color: var(--primary-focus);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\n\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  -webkit-padding-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  -webkit-padding-start: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 0.375em;\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  -webkit-margin-start: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: none;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n  text-align: right;\n}\n\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: none;\n  border-radius: 0;\n  background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n  border: none;\n  background: none;\n}\n[type=file]::-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  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) / 2);\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  -webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\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  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) / 2);\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) / 2);\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  -webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  -ms-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  -webkit-transition: background-color var(--transition), box-shadow var(--transition);\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  -moz-transition: background-color var(--transition), box-shadow var(--transition);\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  -ms-transition: background-color var(--transition), box-shadow var(--transition);\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  -webkit-transition: background-color var(--transition), transform var(--transition);\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  -moz-transition: background-color var(--transition), transform var(--transition);\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  -ms-transition: background-color var(--transition), transform var(--transition);\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n  padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: transparent;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  box-sizing: content-box;\n  height: 0;\n  overflow: visible;\n  border: none;\n  border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: calc(var(--spacing) * 0.5);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  color: var(--accordion-close-summary-color);\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n  color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n  margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n  margin-top: 0;\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary: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::after {\n  float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  overflow: hidden;\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: none;\n  background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog article .close {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--block-spacing-vertical) * -0.5);\n  margin-bottom: var(--typography-spacing-vertical);\n  margin-left: auto;\n  background-image: var(--icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--transition);\n}\ndialog article .close:hover, dialog article .close:active, dialog article .close:focus {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  padding-right: var(--scrollbar-width, 0px);\n  overflow: hidden;\n  pointer-events: none;\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n}\n\n.modal-is-opening dialog,\n.modal-is-opening dialog > article,\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  -webkit-animation-duration: 0.2s;\n  animation-duration: 0.2s;\n  -webkit-animation-timing-function: ease-in-out;\n  animation-timing-function: ease-in-out;\n  -webkit-animation-fill-mode: both;\n  animation-fill-mode: both;\n}\n.modal-is-opening dialog,\n.modal-is-closing dialog {\n  -webkit-animation-duration: 0.8s;\n  animation-duration: 0.8s;\n  -webkit-animation-name: fadeIn;\n  animation-name: fadeIn;\n}\n.modal-is-opening dialog > article,\n.modal-is-closing dialog > article {\n  -webkit-animation-delay: 0.2s;\n  animation-delay: 0.2s;\n  -webkit-animation-name: slideInDown;\n  animation-name: slideInDown;\n}\n\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  -webkit-animation-delay: 0s;\n  animation-delay: 0s;\n  animation-direction: reverse;\n}\n\n@-webkit-keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n\n@keyframes fadeIn {\n  from {\n    background-color: transparent;\n  }\n  to {\n    background-color: var(--modal-overlay-background-color);\n  }\n}\n@-webkit-keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n@keyframes slideInDown {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateY(0);\n    opacity: 1;\n  }\n}\n/**\n * Nav\n */\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n  margin-bottom: 0;\n}\nnav a {\n  display: block;\n  margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n  padding: var(--spacing) calc(var(--spacing) * 0.5);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n  text-decoration: none;\n}\nnav[aria-label=breadcrumb] {\n  align-items: center;\n  justify-content: left;\n}\nnav[aria-label=breadcrumb] ul li {\n  -webkit-padding-start: 0;\n  padding-inline-start: 0;\n}\nnav[aria-label=breadcrumb] ul li:not(:last-child) a::after {\n  -webkit-padding-start: 0.5rem;\n  padding-inline-start: 0.5rem;\n  content: \"/\";\n  color: var(--muted-color);\n}\nnav[aria-label=breadcrumb] a[aria-current=page] {\n  color: inherit;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n  margin: calc(var(--spacing) * -0.5);\n  padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    -webkit-animation: progressIndeterminate 1s linear infinite;\n    animation: progressIndeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@-webkit-keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n@keyframes progressIndeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  -webkit-animation: spinner 0.75s linear infinite;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) * 0.5);\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@-webkit-keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    -webkit-animation-duration: 0.2s;\n    animation-duration: 0.2s;\n    -webkit-animation-name: slide;\n    animation-name: slide;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    -webkit-animation-name: slideCaret;\n    animation-name: slideCaret;\n  }\n}\n\n@-webkit-keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n\n@keyframes slide {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@-webkit-keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n@keyframes slideCaret {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    -webkit-animation-duration: 1ms !important;\n    animation-duration: 1ms !important;\n    -webkit-animation-delay: -1ms !important;\n    animation-delay: -1ms !important;\n    -webkit-animation-iteration-count: 1 !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 */","// Default: Light theme\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --background-color: #{$white};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-700};\r\n  --h1-color: #{$grey-900};\r\n  --h2-color: #{mix($grey-900, $grey-800)};\r\n  --h3-color: #{$grey-800};\r\n  --h4-color: #{mix($grey-800, $grey-700)};\r\n  --h5-color: #{$grey-700};\r\n  --h6-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{$grey-50};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-700};\r\n  --primary-focus: #{rgba($primary-600, 0.125)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-700};\r\n  --secondary-focus: #{rgba($grey-600, 0.125)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-900};\r\n  --contrast-hover: #{$black};\r\n  --contrast-focus: #{rgba($grey-600, 0.125)};\r\n  --contrast-inverse: #{$white};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($amber-100, $amber-50)};\r\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: transparent;\r\n  --form-element-border-color: #{$grey-300};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: transparent;\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-100};\r\n  --form-element-disabled-border-color: #{$grey-300};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-800};\r\n  --form-element-invalid-active-border-color: #{$red-700};\r\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\r\n  --form-element-valid-border-color: #{$green-700};\r\n  --form-element-valid-active-border-color: #{$green-600};\r\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{$grey-200};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{$grey-100};\r\n  --range-active-border-color: #{$grey-200};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\r\n\r\n  // Code\r\n  --code-background-color: #{$grey-50};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 40%, 50%)};\r\n  --code-property-color: #{hsl(185, 40%, 40%)};\r\n  --code-value-color: #{hsl(40, 20%, 50%)};\r\n  --code-comment-color: #{$grey-300};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: var(--background-color);\r\n  --card-border-color: var(--muted-border-color);\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\r\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\r\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\r\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{$grey-100};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: light;\r\n}\r\n","/**\r\n * Theme: default\r\n */\r\n\r\n// Variables\r\n@import \"../variables\";\r\n@import \"default/colors\";\r\n\r\n// Commons styles\r\n@import \"default/styles\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"default/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"default/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n  :root:not([data-theme=\"light\"]) {\r\n    @include dark;\r\n  }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n  @include dark;\r\n}\r\n","// Default: Dark theme\r\n@mixin dark {\r\n  --background-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-200};\r\n  --h1-color: #{$grey-50};\r\n  --h2-color: #{mix($grey-100, $grey-50)};\r\n  --h3-color: #{$grey-100};\r\n  --h4-color: #{mix($grey-200, $grey-100)};\r\n  --h5-color: #{$grey-200};\r\n  --h6-color: #{mix($grey-300, $grey-200)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-500};\r\n  --primary-focus: #{rgba($primary-600, 0.25)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-500};\r\n  --secondary-focus: #{rgba($grey-500, 0.25)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-50};\r\n  --contrast-hover: #{$white};\r\n  --contrast-focus: #{rgba($grey-500, 0.25)};\r\n  --contrast-inverse: #{$black};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($grey-300, $amber-300)};\r\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\r\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: var(--form-element-background-color);\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-800};\r\n  --form-element-disabled-border-color: #{$grey-700};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-900};\r\n  --form-element-invalid-active-border-color: #{$red-800};\r\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\r\n  --form-element-valid-border-color: #{$green-800};\r\n  --form-element-valid-active-border-color: #{$green-700};\r\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{mix($grey-800, $grey-700)};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{mix($grey-900, $grey-800)};\r\n  --range-active-border-color: #{$grey-800};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\r\n\r\n  // Code\r\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 30%, 50%)};\r\n  --code-property-color: #{hsl(185, 30%, 50%)};\r\n  --code-value-color: #{hsl(40, 10%, 50%)};\r\n  --code-comment-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-active-summary-color: var(--primary);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: #{mix($black, $grey-900, 25%)};\r\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\r\n    0 0.125rem 2rem #{rgba($black, 0.12)},\r\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\r\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{mix($grey-900, $grey-800)};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: dark;\r\n}\r\n","/**\r\n * Document\r\n * Content-box & Responsive typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box; // 1\r\n}\r\n\r\n// 1. Add text decoration inheritance in all browsers (opinionated)\r\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\r\n::before,\r\n::after {\r\n  text-decoration: inherit; // 1\r\n  vertical-align: inherit; // 2\r\n}\r\n\r\n// 1. Correct the line height in all browsers\r\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\n// 3. Change the default tap highlight to be completely transparent in iOS\r\n// 4. Use the default cursor in all browsers (opinionated)\r\n// 5. Use a 4-space tab width in all browsers (opinionated)\r\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\nhtml {\r\n  -webkit-text-size-adjust: 100%; // 2\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\r\n  -ms-text-size-adjust: 100%; // 6\r\n  text-rendering: optimizeLegibility;\r\n  background-color: var(--background-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  line-height: var(--line-height); // 1\r\n  font-family: var(--font-family);\r\n  cursor: default; // 4\r\n  tab-size: 4; // 5\r\n}\r\n","/**\r\n * Sectioning\r\n * Container and responsive spacings for header, main, footer\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Render the `main` element consistently in IE\r\nmain {\r\n  display: block;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbody {\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  > header,\r\n  > main,\r\n  > footer {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n\r\n    // Semantic container\r\n    @if $enable-semantic-container {\r\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n\r\n      // Centered viewport\r\n      @if $enable-viewport {\r\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"sm\")) {\r\n            max-width: map-get($viewports, \"sm\");\r\n            padding-right: 0;\r\n            padding-left: 0;\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"md\")) {\r\n            max-width: map-get($viewports, \"md\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"lg\")) {\r\n            max-width: map-get($viewports, \"lg\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"xl\")) {\r\n            max-width: map-get($viewports, \"xl\");\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Semantic container\r\n    @else {\r\n      padding: var(--block-spacing-vertical) 0;\r\n    }\r\n  }\r\n}\r\n","@if ($enable-class-container and $enable-classes) {\r\n  /**\r\n * Container\r\n */\r\n\r\n  .container,\r\n  .container-fluid {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    padding-right: var(--spacing);\r\n    padding-left: var(--spacing);\r\n  }\r\n\r\n  .container {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        max-width: map-get($viewports, \"sm\");\r\n        padding-right: 0;\r\n        padding-left: 0;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        max-width: map-get($viewports, \"md\");\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        max-width: map-get($viewports, \"lg\");\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        max-width: map-get($viewports, \"xl\");\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Section\r\n * Responsive spacings for section\r\n */\r\n\r\nsection {\r\n  margin-bottom: var(--block-spacing-vertical);\r\n}\r\n","@if ($enable-classes and $enable-grid) {\r\n  /**\r\n * Grid\r\n * Minimal grid system with auto-layout columns\r\n */\r\n\r\n  .grid {\r\n    grid-column-gap: var(--grid-spacing-horizontal);\r\n    grid-row-gap: var(--grid-spacing-vertical);\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    margin: 0;\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\r\n      }\r\n    }\r\n\r\n    & > * {\r\n      min-width: 0; // HACK for childs in overflow\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Horizontal scroller (<figure>)\r\n */\r\n\r\n// Wrapper to make any content responsive across all viewports\r\nfigure {\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow-x: auto;\r\n\r\n  figcaption {\r\n    padding: calc(var(--spacing) * 0.5) 0;\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n","/**\r\n * Typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Add the correct font weight in Chrome, Edge, and Safari\r\nb,\r\nstrong {\r\n  font-weight: bolder;\r\n}\r\n\r\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\r\nsub,\r\nsup {\r\n  position: relative;\r\n  font-size: 0.75em;\r\n  line-height: 0;\r\n  vertical-align: baseline;\r\n}\r\nsub {\r\n  bottom: -0.25em;\r\n}\r\nsup {\r\n  top: -0.5em;\r\n}\r\n\r\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\r\ndl dl,\r\ndl ol,\r\ndl ul,\r\nol dl,\r\nul dl {\r\n  margin: 0;\r\n}\r\n\r\n// Remove the margin on nested lists in Edge 18- and IE\r\nol ol,\r\nol ul,\r\nul ol,\r\nul ul {\r\n  margin: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-style: normal;\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Links\r\n// 1. Remove the gray background on active links in IE 10\r\na {\r\n  --color: var(--primary);\r\n  --background-color: transparent;\r\n  outline: none;\r\n  background-color: var(--background-color); // 1\r\n  color: var(--color);\r\n  text-decoration: var(--text-decoration);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition), color var(--transition),\r\n      text-decoration var(--transition), box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --color: var(--primary-hover);\r\n    --text-decoration: underline;\r\n  }\r\n\r\n  &:focus {\r\n    --background-color: var(--primary-focus);\r\n  }\r\n\r\n  @if $enable-classes {\r\n    // Secondary\r\n    &.secondary {\r\n      --color: var(--secondary);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--secondary-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--secondary-focus);\r\n      }\r\n    }\r\n\r\n    // Contrast\r\n    &.contrast {\r\n      --color: var(--contrast);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--contrast-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--contrast-focus);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  font-family: var(--font-family);\r\n}\r\n\r\nh1 {\r\n  --color: var(--h1-color);\r\n}\r\nh2 {\r\n  --color: var(--h2-color);\r\n}\r\nh3 {\r\n  --color: var(--h3-color);\r\n}\r\nh4 {\r\n  --color: var(--h4-color);\r\n}\r\nh5 {\r\n  --color: var(--h5-color);\r\n}\r\nh6 {\r\n  --color: var(--h6-color);\r\n}\r\n\r\n// Margin-top for headings after a typography block\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  & ~ h1,\r\n  & ~ h2,\r\n  & ~ h3,\r\n  & ~ h4,\r\n  & ~ h5,\r\n  & ~ h6 {\r\n    margin-top: var(--typography-spacing-vertical);\r\n  }\r\n}\r\n\r\n// Heading group\r\n@if $enable-classes == false {\r\n  hgroup {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n@if $enable-classes {\r\n  hgroup,\r\n  .headings {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n// Paragraphs\r\np {\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n}\r\n\r\n// Small\r\nsmall {\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Lists\r\nul,\r\nol {\r\n  padding-right: 0;\r\n  padding-left: var(--spacing);\r\n  padding-inline-start: var(--spacing);\r\n  padding-inline-end: 0;\r\n\r\n  li {\r\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\r\n  }\r\n}\r\n\r\nul li {\r\n  list-style: square;\r\n}\r\n\r\n// Highlighted text\r\nmark {\r\n  padding: 0.125rem 0.25rem;\r\n  background-color: var(--mark-background-color);\r\n  color: var(--mark-color);\r\n  vertical-align: baseline;\r\n}\r\n\r\n// Blockquote\r\nblockquote {\r\n  display: block;\r\n  margin: var(--typography-spacing-vertical) 0;\r\n  padding: var(--spacing);\r\n  border-right: none;\r\n  border-left: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-end: none;\r\n\r\n  footer {\r\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\r\n    color: var(--blockquote-footer-color);\r\n  }\r\n}\r\n\r\n// Abbreviations\r\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\r\nabbr[title] {\r\n  border-bottom: 1px dotted;\r\n  text-decoration: none; // 1\r\n  cursor: help;\r\n}\r\n\r\n// Ins\r\nins {\r\n  color: var(--ins-color);\r\n  text-decoration: none;\r\n}\r\n\r\n// del\r\ndel {\r\n  color: var(--del-color);\r\n}\r\n\r\n// selection\r\n::selection {\r\n  background-color: var(--primary-focus);\r\n}\r\n","/**\r\n * Embedded content\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change the alignment on media elements in all browsers (opinionated)\r\naudio,\r\ncanvas,\r\niframe,\r\nimg,\r\nsvg,\r\nvideo {\r\n  vertical-align: middle;\r\n}\r\n\r\n// Add the correct display in IE 9-\r\naudio,\r\nvideo {\r\n  display: inline-block;\r\n}\r\n\r\n// Add the correct display in iOS 4-7\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\n// Remove the border on iframes in all browsers (opinionated)\r\niframe {\r\n  border-style: none;\r\n}\r\n\r\n// 1. Remove the border on images inside links in IE 10.\r\n// 2. Responsive by default\r\nimg {\r\n  max-width: 100%; // 2\r\n  height: auto; // 2\r\n  border-style: none; // 1\r\n}\r\n\r\n// Change the fill color to match the text color in all browsers (opinionated)\r\nsvg:not([fill]) {\r\n  fill: currentColor;\r\n}\r\n\r\n// Hide the overflow in IE\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n","/**\r\n * Button\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\n// 3. Show the overflow in Edge\r\nbutton {\r\n  margin: 0; // 2\r\n  overflow: visible; // 3\r\n  font-family: inherit; // 1\r\n  text-transform: none; // 1\r\n}\r\n\r\n// Correct the inability to style clickable types in iOS and Safari\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n  -webkit-appearance: button;\r\n}\r\n\r\n// Remove the inner border and padding in Firefox\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbutton {\r\n  display: block;\r\n  width: 100%;\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n[role=\"button\"] {\r\n  display: inline-block;\r\n  text-decoration: none;\r\n}\r\n\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\n[role=\"button\"] {\r\n  --background-color: var(--primary);\r\n  --border-color: var(--primary);\r\n  --color: var(--primary-inverse);\r\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: 1rem;\r\n  line-height: var(--line-height);\r\n  text-align: center;\r\n  cursor: pointer;\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--primary-hover);\r\n    --border-color: var(--primary-hover);\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n    --color: var(--primary-inverse);\r\n  }\r\n\r\n  &:focus {\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n      0 0 0 var(--outline-width) var(--primary-focus);\r\n  }\r\n}\r\n\r\n// .secondary, .contrast & .outline\r\n@if $enable-classes {\r\n\r\n  // Secondary\r\n  button.secondary,\r\n  input[type=\"submit\"].secondary,\r\n  input[type=\"button\"].secondary,\r\n  input[type=\"reset\"],\r\n  [role=\"button\"].secondary {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n      --color: var(--secondary-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n\r\n  // Contrast\r\n  button.contrast,\r\n  input[type=\"submit\"].contrast,\r\n  input[type=\"button\"].contrast,\r\n  input[type=\"reset\"].contrast,\r\n  [role=\"button\"].contrast {\r\n    --background-color: var(--contrast);\r\n    --border-color: var(--contrast);\r\n    --color: var(--contrast-inverse);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--contrast-hover);\r\n      --border-color: var(--contrast-hover);\r\n      --color: var(--contrast-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--contrast-focus);\r\n    }\r\n  }\r\n\r\n  // Outline (primary)\r\n  button.outline,\r\n  input[type=\"submit\"].outline,\r\n  input[type=\"button\"].outline,\r\n  input[type=\"reset\"].outline,\r\n  [role=\"button\"].outline {\r\n    --background-color: transparent;\r\n    --color: var(--primary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: transparent;\r\n      --color: var(--primary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (secondary)\r\n  button.outline.secondary,\r\n  input[type=\"submit\"].outline.secondary,\r\n  input[type=\"button\"].outline.secondary,\r\n  input[type=\"reset\"].outline.secondary,\r\n  [role=\"button\"].outline.secondary {\r\n    --color: var(--secondary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (contrast)\r\n  button.outline.contrast,\r\n  input[type=\"submit\"].outline.contrast,\r\n  input[type=\"button\"].outline.contrast,\r\n  input[type=\"reset\"].outline.contrast,\r\n  [role=\"button\"].outline.contrast {\r\n    --color: var(--contrast);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--contrast-hover);\r\n    }\r\n  }\r\n}\r\n\r\n@else {\r\n  // Secondary button without .class\r\n  input[type=\"reset\"] {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n}\r\n\r\n// Button [disabled]\r\n// 1. Links without href are disabled by default\r\nbutton[disabled],\r\ninput[type=\"submit\"][disabled],\r\ninput[type=\"button\"][disabled],\r\ninput[type=\"reset\"][disabled],\r\na[role=\"button\"]:not([href]), // 1\r\n[role=\"button\"][disabled] {\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n}","/**\r\n * Form elements\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n  margin: 0; // 2\r\n  font-size: 1rem; // 1\r\n  line-height: var(--line-height); // 1\r\n  font-family: inherit; // 1\r\n  letter-spacing: inherit; // 2\r\n}\r\n\r\n// Show the overflow in IE.\r\ninput {\r\n  overflow: visible;\r\n}\r\n\r\n// Remove the inheritance of text transform in Edge, Firefox, and IE\r\nselect {\r\n  text-transform: none;\r\n}\r\n\r\n// 1. Correct the text wrapping in Edge and IE\r\n// 2. Correct the color inheritance from `fieldset` elements in IE\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n// `fieldset` elements in all browsers\r\nlegend {\r\n  max-width: 100%; // 1\r\n  padding: 0; // 3\r\n  color: inherit; // 2\r\n  white-space: normal; // 1\r\n}\r\n\r\n// 1. Remove the default vertical scrollbar in IE\r\ntextarea {\r\n  overflow: auto; // 1\r\n}\r\n\r\n// Remove the padding in IE 10\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  padding: 0;\r\n}\r\n\r\n// Correct the cursor style of increment and decrement buttons in Safari\r\n::-webkit-inner-spin-button,\r\n::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n// 1. Correct the odd appearance in Chrome and Safari\r\n// 2. Correct the outline style in Safari\r\n[type=\"search\"] {\r\n  -webkit-appearance: textfield; // 1\r\n  outline-offset: -2px; // 2\r\n}\r\n\r\n// Remove the inner padding in Chrome and Safari on macOS\r\n[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}\r\n\r\n// 1. Correct the inability to style clickable types in iOS and Safari\r\n// 2. Change font properties to `inherit` in Safari\r\n::-webkit-file-upload-button {\r\n  -webkit-appearance: button; // 1\r\n  font: inherit; // 2\r\n}\r\n\r\n// Remove the inner border and padding of focus outlines in Firefox\r\n::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n//  Remove the focus outline in Firefox\r\n:-moz-focusring {\r\n  outline: none;\r\n}\r\n\r\n// Remove the additional :invalid styles in Firefox\r\n:-moz-ui-invalid {\r\n  box-shadow: none;\r\n}\r\n\r\n// Change the inconsistent appearance in IE (opinionated)\r\n::-ms-expand {\r\n  display: none;\r\n}\r\n\r\n// Remove the border and padding in all browsers (opinionated)\r\n[type=\"file\"],\r\n[type=\"range\"] {\r\n  padding: 0;\r\n  border-width: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Force height for alternatives input types\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\r\n  height: calc(\r\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\r\n      (var(--border-width) * 2)\r\n  );\r\n}\r\n\r\n// Fieldset\r\nfieldset {\r\n  margin: 0;\r\n  margin-bottom: var(--spacing);\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n// Label & legend\r\nlabel,\r\nfieldset legend {\r\n  display: block;\r\n  margin-bottom: calc(var(--spacing) * 0.25);\r\n  font-weight: var(--form-label-font-weight, var(--font-weight));\r\n}\r\n\r\n// Blocks, 100%\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  width: 100%;\r\n}\r\n\r\n// Reset appearance (Not Checkboxes, Radios, Range and File)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\r\nselect,\r\ntextarea {\r\n  appearance: none;\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  vertical-align: middle;\r\n}\r\n\r\n// Commons styles\r\ninput,\r\nselect,\r\ntextarea {\r\n  --background-color: var(--form-element-background-color);\r\n  --border-color: var(--form-element-border-color);\r\n  --color: var(--form-element-color);\r\n  --box-shadow: none;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--form-element-active-background-color);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --border-color: var(--form-element-active-border-color);\r\n  }\r\n}\r\n\r\n// Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:focus {\r\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\r\n  }\r\n}\r\n\r\n// Disabled\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\r\nselect,\r\ntextarea {\r\n  &[disabled] {\r\n    --background-color: var(--form-element-disabled-background-color);\r\n    --border-color: var(--form-element-disabled-border-color);\r\n    opacity: var(--form-element-disabled-opacity);\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\ninput,\r\nselect,\r\ntextarea {\r\n\r\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n    &[aria-invalid] {\r\n      @if $enable-important {\r\n        padding-right: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\r\n        padding-inline-end: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n      } @else {\r\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal);\r\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n      }\r\n      background-position: center right 0.75rem;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    &[aria-invalid=\"false\"] {\r\n      background-image: var(--icon-valid);\r\n    }\r\n  \r\n    &[aria-invalid=\"true\"] {\r\n      background-image: var(--icon-invalid);\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n\r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-valid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-valid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n    \r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-invalid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-invalid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  input,\r\n  select,\r\n  textarea {\r\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      &[aria-invalid],\r\n      &[aria-invalid=\"true\"],\r\n      &[aria-invalid=\"false\"] {\r\n        background-position: center left 0.75rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Placeholder\r\ninput::placeholder,\r\ninput::-webkit-input-placeholder,\r\ntextarea::placeholder,\r\ntextarea::-webkit-input-placeholder,\r\nselect:invalid {\r\n  color: var(--form-element-placeholder-color);\r\n  opacity: 1;\r\n}\r\n\r\n// Margin bottom (Not Checkboxes and Radios)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n// Select\r\nselect {\r\n  // Unstyle the caret on `<select>`s in IE10+.\r\n  &::-ms-expand {\r\n    border: 0;\r\n    background-color: transparent;\r\n  }\r\n\r\n  &:not([multiple]):not([size]) {\r\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    padding-left: var(--form-element-spacing-horizontal);\r\n    padding-inline-start: var(--form-element-spacing-horizontal);\r\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    background-image: var(--icon-chevron);\r\n    background-position: center right 0.75rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  select {\r\n    &:not([multiple]):not([size]) {\r\n      background-position: center left 0.75rem;\r\n    }\r\n  }\r\n}\r\n\r\n// Helper\r\ninput,\r\nselect,\r\ntextarea {\r\n  + small {\r\n    display: block;\r\n    width: 100%;\r\n    margin-top: calc(var(--spacing) * -0.75);\r\n    margin-bottom: var(--spacing);\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n\r\n// Styles for Input inside a label\r\nlabel {\r\n  & > input,\r\n  & > select,\r\n  & > textarea {\r\n    margin-top: calc(var(--spacing) * 0.25);\r\n  }\r\n}\r\n","/**\r\n * Form elements\r\n * Checkboxes & Radios\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 1.25em;\r\n  height: 1.25em;\r\n  margin-top: -0.125em;\r\n  margin-right: 0.375em;\r\n  margin-left: 0;\r\n  margin-inline-start: 0;\r\n  margin-inline-end: 0.375em;\r\n  border-width: var(--border-width);\r\n  font-size: inherit;\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n\r\n  &::-ms-check {\r\n    display: none; // unstyle IE checkboxes\r\n  }\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-checkbox);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  & ~ label {\r\n    display: inline-block;\r\n    margin-right: 0.375em;\r\n    margin-bottom: 0;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n// Checkboxes\r\n[type=\"checkbox\"] {\r\n  &:indeterminate {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-minus);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Radios\r\n[type=\"radio\"] {\r\n  border-radius: 50%;\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary-inverse);\r\n    border-width: 0.35em;\r\n    background-image: none;\r\n  }\r\n}\r\n\r\n// Switchs\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --background-color: var(--switch-background-color);\r\n  --border-color: var(--switch-background-color);\r\n  --color: var(--switch-color);\r\n\r\n  // Config\r\n  $switch-height: 1.25em;\r\n  $switch-width: 2.25em;\r\n  $switch-transition: 0.1s ease-in-out;\r\n\r\n  // Styles\r\n  width: $switch-width;\r\n  height: $switch-height;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: $switch-height;\r\n  background-color: var(--background-color);\r\n  line-height: $switch-height;\r\n\r\n  &:focus {\r\n    --background-color: var(--switch-background-color);\r\n    --border-color: var(--switch-background-color);\r\n  }\r\n\r\n  &:checked {\r\n    --background-color: var(--switch-checked-background-color);\r\n    --border-color: var(--switch-checked-background-color);\r\n  }\r\n\r\n  &:before {\r\n    display: block;\r\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    background-color: var(--color);\r\n    content: \"\";\r\n\r\n    @if $enable-transitions {\r\n      transition: margin $switch-transition;\r\n    }\r\n  }\r\n\r\n  &:checked {\r\n    background-image: none;\r\n\r\n    &::before {\r\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\r\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\r\n    }\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\n[type=\"checkbox\"],\r\n[type=\"checkbox\"]:checked,\r\n[type=\"radio\"],\r\n[type=\"radio\"]:checked,\r\n[type=\"checkbox\"][role=\"switch\"],\r\n[type=\"checkbox\"][role=\"switch\"]:checked {\r\n  \r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n  }\r\n}","/**\r\n * Form elements\r\n * Alternatives input types (Not Checkboxes & Radios)\r\n */\r\n\r\n// Color\r\n[type=\"color\"] {\r\n  // Wrapper\r\n  @mixin color-wrapper {\r\n    padding: 0;\r\n  }\r\n\r\n  &::-webkit-color-swatch-wrapper {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  &::-moz-focus-inner {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  // Swatch\r\n  @mixin color-swatch {\r\n    border: none;\r\n    border-radius: calc(var(--border-radius) * 0.5);\r\n  }\r\n\r\n  &::-webkit-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n\r\n  &::-moz-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n}\r\n\r\n// Date & Time\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n  &[type=\"date\"],\r\n  &[type=\"datetime-local\"],\r\n  &[type=\"month\"],\r\n  &[type=\"time\"],\r\n  &[type=\"week\"] {\r\n    --icon-position: 0.75rem;\r\n    --icon-width: 1rem;\r\n    padding-right: calc(var(--icon-width) + var(--icon-position));\r\n    background-image: var(--icon-date);\r\n    background-position: center right var(--icon-position);\r\n    background-size: var(--icon-width) auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  // Time\r\n  &[type=\"time\"] {\r\n    background-image: var(--icon-time);\r\n  }\r\n}\r\n\r\n// Calendar picker\r\n[type=\"date\"],\r\n[type=\"datetime-local\"],\r\n[type=\"month\"],\r\n[type=\"time\"],\r\n[type=\"week\"] {\r\n  &::-webkit-calendar-picker-indicator {\r\n    width: var(--icon-width);\r\n    margin-right: calc(var(--icon-width) * -1);\r\n    margin-left: var(--icon-position);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  [type=\"date\"],\r\n  [type=\"datetime-local\"],\r\n  [type=\"month\"],\r\n  [type=\"time\"],\r\n  [type=\"week\"] {\r\n    text-align: right;\r\n  }\r\n}\r\n\r\n// File\r\n[type=\"file\"] {\r\n  --color: var(--muted-color);\r\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\r\n  border: none;\r\n  border-radius: 0;\r\n  background: none;\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    border: none;\r\n    background: none;\r\n  }\r\n\r\n  @mixin file-selector-button {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    margin-right: calc(var(--spacing) / 2);\r\n    margin-left: 0;\r\n    margin-inline-start: 0;\r\n    margin-inline-end: calc(var(--spacing) / 2);\r\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\r\n      calc(var(--form-element-spacing-horizontal) * 0.5);\r\n    border: var(--border-width) solid var(--border-color);\r\n    border-radius: var(--border-radius);\r\n    outline: none;\r\n    background-color: var(--background-color);\r\n    box-shadow: var(--box-shadow);\r\n    color: var(--color);\r\n    font-weight: var(--font-weight);\r\n    font-size: 1rem;\r\n    line-height: var(--line-height);\r\n    text-align: center;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        border-color var(--transition), color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  &::file-selector-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-webkit-file-upload-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-ms-browse {\r\n    @include file-selector-button;\r\n  }\r\n}\r\n\r\n// Range\r\n[type=\"range\"] {\r\n  // Config\r\n  $height-track: 0.25rem;\r\n  $height-thumb: 1.25rem;\r\n  $border-thumb: 2px;\r\n\r\n  // Styles\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: $height-thumb;\r\n  background: transparent;\r\n\r\n  // Slider Track\r\n  @mixin slider-track {\r\n    width: 100%;\r\n    height: $height-track;\r\n    border-radius: var(--border-radius);\r\n    background-color: var(--range-border-color);\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n  }\r\n\r\n  &::-webkit-slider-runnable-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-moz-range-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-ms-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  // Slider Thumb\r\n  @mixin slider-thumb {\r\n    -webkit-appearance: none;\r\n    width: $height-thumb;\r\n    height: $height-thumb;\r\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\r\n    border: $border-thumb solid var(--range-thumb-border-color);\r\n    border-radius: 50%;\r\n    background-color: var(--range-thumb-color);\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        transform var(--transition);\r\n    }\r\n  }\r\n  &::-webkit-slider-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-moz-range-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-ms-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    --range-border-color: var(--range-active-border-color);\r\n    --range-thumb-color: var(--range-thumb-hover-color);\r\n  }\r\n\r\n  &:active {\r\n    --range-thumb-color: var(--range-thumb-active-color);\r\n\r\n    // Slider Thumb\r\n    &::-webkit-slider-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-moz-range-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-ms-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n  }\r\n}\r\n\r\n// Search\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n  &[type=\"search\"] {\r\n    padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\r\n    border-radius: 5rem;\r\n    background-image: var(--icon-search);\r\n    background-position: center left 1.125rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Cancel button\r\n[type=\"search\"] {\r\n  &::-webkit-search-cancel-button {\r\n    -webkit-appearance: none;\r\n    display: none;\r\n  }\r\n}\r\n","/**\r\n * Table\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Collapse border spacing in all browsers (opinionated).\r\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\r\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\r\ntable {\r\n  width: 100%;\r\n  border-color: inherit; // 2\r\n  border-collapse: collapse; // 1\r\n  border-spacing: 0;\r\n  text-indent: 0; // 3\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Cells\r\nth,\r\ntd {\r\n  padding: calc(var(--spacing) / 2) var(--spacing);\r\n  border-bottom: var(--border-width) solid var(--table-border-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  text-align: left;\r\n  text-align: start;\r\n}\r\n\r\n// Footer\r\ntfoot {\r\n  th,\r\n  td {\r\n    border-top: var(--border-width) solid var(--table-border-color);\r\n    border-bottom: 0;\r\n  }\r\n}\r\n\r\n// Striped\r\ntable {\r\n  &[role=\"grid\"] {\r\n    tbody tr:nth-child(odd) {\r\n      background-color: var(--table-row-stripped-background-color);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Code\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Correct the inheritance and scaling of font size in all browsers\r\n// 2. Correct the font sizing in all browsers\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  font-size: 0.875em; // 2\r\n  font-family: var(--font-family); // 1\r\n}\r\n\r\n// Prevent overflow of the container in all browsers (opinionated)\r\npre {\r\n  -ms-overflow-style: scrollbar;\r\n  overflow: auto;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\npre,\r\ncode,\r\nkbd {\r\n  border-radius: var(--border-radius);\r\n  background: var(--code-background-color);\r\n  color: var(--code-color);\r\n  font-weight: var(--font-weight);\r\n  line-height: initial;\r\n}\r\n\r\ncode,\r\nkbd {\r\n  display: inline-block;\r\n  padding: 0.375rem 0.5rem;\r\n}\r\n\r\npre {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  overflow-x: auto;\r\n\r\n  > code {\r\n    display: block;\r\n    padding: var(--spacing);\r\n    background: transparent;\r\n    font-size: 14px;\r\n    line-height: var(--line-height);\r\n  }\r\n}\r\n\r\n// Code Syntax\r\ncode {\r\n  // Tags\r\n  b {\r\n    color: var(--code-tag-color);\r\n    font-weight: var(--font-weight);\r\n  }\r\n\r\n  // Properties\r\n  i {\r\n    color: var(--code-property-color);\r\n    font-style: normal;\r\n  }\r\n\r\n  // Values\r\n  u {\r\n    color: var(--code-value-color);\r\n    text-decoration: none;\r\n  }\r\n\r\n  // Comments\r\n  em {\r\n    color: var(--code-comment-color);\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// kbd\r\nkbd {\r\n  background-color: var(--code-kbd-background-color);\r\n  color: var(--code-kbd-color);\r\n  vertical-align: baseline;\r\n}\r\n","/**\r\n * Miscs\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct box sizing in Firefox\r\n// 2. Show the overflow in Edge and IE\r\nhr {\r\n  box-sizing: content-box; // 1\r\n  height: 0; // 1\r\n  overflow: visible; // 2\r\n  border: none;\r\n  border-top: 1px solid var(--muted-border-color);\r\n}\r\n\r\n// Add the correct display in IE 10+\r\n[hidden],\r\ntemplate {\r\n  @if $enable-important {\r\n    display: none !important;\r\n  } @else {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Add the correct display in IE 9-\r\ncanvas {\r\n  display: inline-block;\r\n}\r\n","/**\r\n * Accordion (<details>)\r\n */\r\n\r\ndetails {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  padding-bottom: calc(var(--spacing) * 0.5);\r\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\r\n\r\n  summary {\r\n    color: var(--accordion-close-summary-color);\r\n    line-height: 1rem;\r\n    list-style-type: none;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: color var(--transition);\r\n    }\r\n\r\n    // Reset marker\r\n    &::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    &::marker {\r\n      display: none;\r\n    }\r\n\r\n    &::-moz-list-bullet {\r\n      list-style-type: none;\r\n    }\r\n\r\n    // Marker\r\n    &::after {\r\n      display: block;\r\n      width: 1rem;\r\n      height: 1rem;\r\n      float: right;\r\n      transform: rotate(-90deg);\r\n      background-image: var(--icon-chevron);\r\n      background-position: center;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n      content: \"\";\r\n\r\n      @if $enable-transitions {\r\n        transition: transform var(--transition);\r\n      }\r\n    }\r\n\r\n    &:focus {\r\n      outline: none;\r\n      color: var(--accordion-active-summary-color);\r\n    }\r\n\r\n    ~ * {\r\n      margin-top: calc(var(--spacing) * 0.5);\r\n\r\n      ~ * {\r\n        margin-top: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Open\r\n  &[open] {\r\n    > summary {\r\n      margin-bottom: calc(var(--spacing) * 0.25);\r\n\r\n      &:not(:focus) {\r\n        color: var(--accordion-open-summary-color);\r\n      }\r\n\r\n      &::after {\r\n        transform: rotate(0);\r\n      } \r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  details {\r\n    summary {\r\n      &::after {\r\n        float: left;\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Card (<article>)\r\n */\r\n\r\narticle {\r\n  margin: var(--block-spacing-vertical) 0;\r\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n  overflow: hidden;\r\n  border-radius: var(--border-radius);\r\n  background: var(--card-background-color);\r\n  box-shadow: var(--card-box-shadow);\r\n\r\n  > header,\r\n  > footer {\r\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\r\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\r\n    padding: calc(var(--block-spacing-vertical) * 0.66)\r\n      var(--block-spacing-horizontal);\r\n    background-color: var(--card-sectionning-background-color);\r\n  }\r\n\r\n  > header {\r\n    margin-top: calc(var(--block-spacing-vertical) * -1);\r\n    margin-bottom: var(--block-spacing-vertical);\r\n    border-bottom: var(--border-width) solid var(--card-border-color);\r\n  }\r\n\r\n  > footer {\r\n    margin-top: var(--block-spacing-vertical);\r\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\r\n    border-top: var(--border-width) solid var(--card-border-color);\r\n  }\r\n}\r\n","/**\r\n * Modal (<dialog>)\r\n */\r\n\r\n:root {\r\n  --scrollbar-width: 0px;\r\n}\r\n\r\ndialog {\r\n  display: flex;\r\n  z-index: 999;\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: inherit;\r\n  min-width: 100%;\r\n  height: inherit;\r\n  min-height: 100%;\r\n  padding: var(--spacing);\r\n  border: none;\r\n  background-color: var(--modal-overlay-background-color);\r\n\r\n  // Content\r\n  article {\r\n    max-height: calc(100vh - var(--spacing) * 2);\r\n    overflow: auto;\r\n\r\n    @if map-get($breakpoints, 'sm') {\r\n      @media (min-width: map-get($breakpoints, 'sm')) {\r\n        max-width: map-get($viewports, 'sm');\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, 'md') {\r\n      @media (min-width: map-get($breakpoints, 'md')) {\r\n        max-width: map-get($viewports, 'md');\r\n      }\r\n    }\r\n\r\n    > header,\r\n    > footer {\r\n      padding: calc(var(--block-spacing-vertical) * 0.5)\r\n        var(--block-spacing-horizontal);\r\n    }\r\n\r\n    > header {\r\n      .close {\r\n        margin: 0;\r\n        margin-left: var(--spacing);\r\n        float: right;\r\n      }\r\n    }\r\n\r\n    > footer {\r\n      text-align: right;\r\n\r\n      [role='button'] {\r\n        margin-bottom: 0;\r\n\r\n        &:not(:first-of-type) {\r\n          margin-left: calc(var(--spacing) * 0.5);\r\n        }\r\n      }\r\n    }\r\n\r\n    p {\r\n      &:last-of-type {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    // Close icon\r\n    @if $enable-classes {\r\n      .close {\r\n        display: block;\r\n        width: 1rem;\r\n        height: 1rem;\r\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\r\n        margin-bottom: var(--typography-spacing-vertical);\r\n        margin-left: auto;\r\n        background-image: var(--icon-close);\r\n        background-position: center;\r\n        background-size: auto 1rem;\r\n        background-repeat: no-repeat;\r\n        opacity: 0.5;\r\n\r\n        @if $enable-transitions {\r\n          transition: opacity var(--transition);\r\n        }\r\n\r\n        &:hover,\r\n        &:active,\r\n        &:focus {\r\n          opacity: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Closed state\r\n  &:not([open]),\r\n  &[open='false'] {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Utilities\r\n@if $enable-classes {\r\n  .modal-is-open {\r\n    padding-right: var(--scrollbar-width, 0px);\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n\r\n    dialog {\r\n      pointer-events: auto;\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if ($enable-classes and $enable-transitions) {\r\n  $animation-duration: 0.2s;\r\n\r\n  .modal-is-opening,\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-duration: $animation-duration;\r\n      animation-timing-function: ease-in-out;\r\n      animation-fill-mode: both;\r\n    }\r\n\r\n    dialog {\r\n      animation-duration: ($animation-duration * 4);\r\n      animation-name: fadeIn;\r\n\r\n      > article {\r\n        animation-delay: $animation-duration;\r\n        animation-name: slideInDown;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-delay: 0s;\r\n      animation-direction: reverse;\r\n    }\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    from {\r\n      background-color: transparent;\r\n    }\r\n    to {\r\n      background-color: var(--modal-overlay-background-color);\r\n    }\r\n  }\r\n\r\n  @keyframes slideInDown {\r\n    from {\r\n      transform: translateY(-100%);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translateY(0);\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Nav\r\n */\r\n\r\n// Horizontal Nav\r\nnav,\r\nnav ul {\r\n  display: flex;\r\n}\r\n\r\nnav {\r\n  justify-content: space-between;\r\n\r\n  ol,\r\n  ul {\r\n    align-items: center;\r\n    margin-bottom: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n\r\n    &:first-of-type {\r\n      margin-left: calc(var(--spacing) * -0.5);\r\n    }\r\n    &:last-of-type {\r\n      margin-right: calc(var(--spacing) * -0.5);\r\n    }\r\n  }\r\n\r\n  li {\r\n    display: inline-block;\r\n    margin: 0;\r\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n\r\n    // HACK: Input & Button inside Nav\r\n    > *,\r\n    > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  a {\r\n    display: block;\r\n    margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\r\n    padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n    border-radius: var(--border-radius);\r\n    text-decoration: none;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      text-decoration: none;\r\n    }\r\n  }\r\n\r\n  &[aria-label=\"breadcrumb\"] {\r\n    align-items: center;\r\n    justify-content: left;\r\n\r\n    & ul li {\r\n      padding-inline-start: 0;\r\n\r\n      &:not(:last-child) {\r\n        a::after {\r\n          padding-inline-start: 0.5rem;\r\n          content: \"/\";\r\n          color: var(--muted-color);\r\n        }\r\n      }\r\n    }\r\n\r\n    & a[aria-current=\"page\"] {\r\n      color: inherit;\r\n    }\r\n  }\r\n}\r\n\r\n// Vertical Nav\r\naside {\r\n  nav,\r\n  ol,\r\n  ul,\r\n  li {\r\n    display: block;\r\n  }\r\n\r\n  li {\r\n    padding: calc(var(--spacing) * 0.5);\r\n\r\n    a {\r\n      margin: calc(var(--spacing) * -0.5);\r\n      padding: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Progress\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct display in Edge 18- and IE\r\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\r\nprogress {\r\n  display: inline-block; // 1\r\n  vertical-align: baseline; // 2\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nprogress {\r\n  // Reset the default appearance\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n\r\n  // Styles\r\n  display: inline-block;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: 0.5rem;\r\n  margin-bottom: calc(var(--spacing) * 0.5);\r\n  overflow: hidden;\r\n\r\n  // Remove Firefox and Opera border\r\n  border: 0;\r\n  border-radius: var(--border-radius);\r\n  background-color: var(--progress-background-color);\r\n\r\n  // IE10 uses `color` to set the bar background-color\r\n  color: var(--progress-color);\r\n\r\n  &::-webkit-progress-bar {\r\n    border-radius: var(--border-radius);\r\n    background: transparent;\r\n  }\r\n  &[value]::-webkit-progress-value {\r\n    background-color: var(--progress-color);\r\n  }\r\n  &::-moz-progress-bar {\r\n    background-color: var(--progress-color);\r\n  }\r\n\r\n  // Indeterminate state\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    &:indeterminate {\r\n      background: var(--progress-background-color)\r\n        linear-gradient(\r\n          to right,\r\n          var(--progress-color) 30%,\r\n          var(--progress-background-color) 30%\r\n        )\r\n        top left / 150% 150% no-repeat;\r\n      animation: progressIndeterminate 1s linear infinite;\r\n\r\n      &[value]::-webkit-progress-value {\r\n        background-color: transparent;\r\n      }\r\n      &::-moz-progress-bar {\r\n        background-color: transparent;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes progressIndeterminate {\r\n  0% {\r\n    background-position: 200% 0;\r\n  }\r\n  100% {\r\n    background-position: -200% 0;\r\n  }\r\n}\r\n","/**\r\n * Loading ([aria-busy=true])\r\n */\r\n\r\n\r\n// Cursor\r\n[aria-busy=\"true\"] {\r\n  cursor: progress;\r\n}\r\n\r\n// Everyting except form elements\r\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\r\n\r\n  &::before {\r\n    display: inline-block;\r\n    width: 1em;\r\n    height: 1em;\r\n    border: 0.1875em solid currentColor;\r\n    border-radius: 1em;\r\n    border-right-color: transparent;\r\n    content: '';\r\n    vertical-align: text-bottom;\r\n    vertical-align: -.125em; // Visual alignment\r\n    animation: spinner 0.75s linear infinite;\r\n    opacity: var(--loading-spinner-opacity);\r\n  }\r\n\r\n  &:not(:empty) {\r\n    &::before {\r\n      margin-right: calc(var(--spacing) * 0.5);\r\n      margin-left: 0;\r\n      margin-inline-start: 0;\r\n      margin-inline-end: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n\r\n  &:empty {\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n// Buttons and links\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\na {\r\n  &[aria-busy=\"true\"] {\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n// Animation: rotate\r\n@keyframes spinner {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n","/**\r\n * Tooltip ([data-tooltip])\r\n */\r\n\r\n[data-tooltip] {\r\n  position: relative;\r\n\r\n  &:not(a):not(button):not(input) {\r\n    border-bottom: 1px dotted;\r\n    text-decoration: none;\r\n    cursor: help;\r\n  }\r\n\r\n  &::before,\r\n  &::after {\r\n    display: block;\r\n    z-index: 99;\r\n    position: absolute;\r\n    bottom: 100%;\r\n    left: 50%;\r\n    padding: .25rem .5rem;\r\n    overflow: hidden;\r\n    transform: translate(-50%, -.25rem);\r\n    border-radius: var(--border-radius);\r\n    background: var(--tooltip-background-color);\r\n    content: attr(data-tooltip);\r\n    color: var(--tooltip-color);\r\n    font-style: normal;\r\n    font-weight: var(--font-weight);\r\n    font-size: .875rem;\r\n    text-decoration: none;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n\r\n  // Caret\r\n  &::after {\r\n    padding: 0;\r\n    transform: translate(-50%, 0rem);\r\n    border-top: .3rem solid;\r\n    border-right: .3rem solid transparent;\r\n    border-left: .3rem solid transparent;\r\n    border-radius: 0;\r\n    background-color: transparent;\r\n    content: '';\r\n    color: var(--tooltip-background-color);\r\n  }\r\n\r\n  // Display\r\n  &:focus,\r\n  &:hover {\r\n    &::before,\r\n    &::after {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  // Animations, excluding touch devices\r\n  @if $enable-transitions {\r\n    @media (hover: hover) and (pointer: fine) {\r\n      &:focus,\r\n      &:hover {\r\n        &::before,\r\n        &::after {\r\n          animation-duration: .2s;\r\n          animation-name: slide;\r\n        }\r\n\r\n        &::after {\r\n          animation-name: slideCaret; \r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if $enable-transitions {\r\n  @keyframes slide {\r\n    from {\r\n      transform: translate(-50%, .75rem);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translate(-50%, -.25rem);\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  @keyframes slideCaret {\r\n    from {\r\n      opacity: 0;\r\n    }\r\n    50% {\r\n      transform: translate(-50%, -.25rem);\r\n      opacity: 0;\r\n    }\r\n    to {\r\n      transform: translate(-50%, 0rem);\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Accessibility & User interaction\r\n */\r\n\r\n\r\n// Based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Accessibility\r\n\r\n// Change the cursor on control elements in all browsers (opinionated)\r\n[aria-controls] {\r\n  cursor: pointer;\r\n}\r\n\r\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\r\n[aria-disabled=\"true\"],\r\n[disabled] {\r\n  cursor: not-allowed;\r\n}\r\n\r\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\r\n[aria-hidden=\"false\"][hidden] {\r\n  display: initial;\r\n}\r\n\r\n[aria-hidden=\"false\"][hidden]:not(:focus) {\r\n  clip: rect(0, 0, 0, 0);\r\n  position: absolute;\r\n}\r\n\r\n// User interaction\r\n// Remove the tapping delay in IE 10\r\na,\r\narea,\r\nbutton,\r\ninput,\r\nlabel,\r\nselect,\r\nsummary,\r\ntextarea,\r\n[tabindex] {\r\n  -ms-touch-action: manipulation;\r\n}\r\n\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n[dir=\"rtl\"] {\r\n  direction: rtl;\r\n}\r\n","@if $enable-transitions and $enable-important {\r\n\r\n/**\r\n * Reduce Motion Features\r\n */\r\n\r\n\r\n  // Based on :\r\n  // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n  // ––––––––––––––––––––\r\n\r\n  // 1. Remove animations when motion is reduced (opinionated)\r\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\r\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\r\n  // 4. Remove transitions when motion is reduced (opinionated)\r\n  @media (prefers-reduced-motion: reduce) {\r\n    *:not([aria-busy=\"true\"]),\r\n    :not([aria-busy=\"true\"])::before,\r\n    :not([aria-busy=\"true\"])::after {\r\n      background-attachment: initial !important; // 2\r\n      animation-duration: 1ms !important; // 1\r\n      animation-delay: -1ms !important; // 1\r\n      animation-iteration-count: 1 !important; // 1\r\n      scroll-behavior: auto !important; // 3\r\n      transition-delay: 0s !important; // 4\r\n      transition-duration: 0s !important; // 4\r\n    }\r\n  }\r\n}\r\n"]}
\ No newline at end of file
diff --git a/css/pico.slim.css b/css/pico.slim.css
index 7291d9e5..486c9b8d 100644
--- a/css/pico.slim.css
+++ b/css/pico.slim.css
@@ -130,7 +130,6 @@ kbd {
 
 [data-theme=light],
 :root:not([data-theme=dark]) {
-  color-scheme: light;
   --background-color: #fff;
   --color: #415462;
   --h1-color: #1b2832;
@@ -220,11 +219,11 @@ kbd {
   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+  color-scheme: light;
 }
 
 @media only screen and (prefers-color-scheme: dark) {
   :root:not([data-theme=light]) {
-    color-scheme: dark;
     --background-color: #11191f;
     --color: #bbc6ce;
     --h1-color: #edf0f3;
@@ -315,10 +314,10 @@ kbd {
     --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
     --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
     --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+    color-scheme: dark;
   }
 }
 [data-theme=dark] {
-  color-scheme: dark;
   --background-color: #11191f;
   --color: #bbc6ce;
   --h1-color: #edf0f3;
@@ -409,6 +408,7 @@ kbd {
   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+  color-scheme: dark;
 }
 
 /**
diff --git a/css/pico.slim.css.map b/css/pico.slim.css.map
index d80672ab..56dacb34 100644
--- a/css/pico.slim.css.map
+++ b/css/pico.slim.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.slim.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.slim.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_table.scss","../scss/utilities/_accessibility.scss"],"names":[],"mappings":"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","file":"pico.slim.css","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n\n// Config\n// --------------------\n\n// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>\n$enable-responsive-spacings: false;\n\n// Enable transitions\n$enable-transitions: false;\n\n// Enable overriding with !important\n$enable-important: false;\n\n// Pico Lib\n// --------------------\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/table\"; // table, tr, td, ...\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup,\n.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\n\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/*# sourceMappingURL=pico.slim.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n        padding-right: 0;\n        padding-left: 0;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if ($enable-classes and $enable-grid) {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\n@if $enable-classes == false {\n  hgroup {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n@if $enable-classes {\n  hgroup,\n  .headings {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n    --color: var(--primary-inverse);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n\n  // Contrast\n  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--contrast-focus);\n    }\n  }\n\n  // Outline (primary)\n  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n}\n\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-valid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n    \n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-invalid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Footer\ntfoot {\n  th,\n  td {\n    border-top: var(--border-width) solid var(--table-border-color);\n    border-bottom: 0;\n  }\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.slim.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.slim.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_table.scss","../scss/utilities/_accessibility.scss"],"names":[],"mappings":"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","file":"pico.slim.css","sourcesContent":["/*!\r\n * Pico.css v1.4.4 (https://picocss.com)\r\n * Copyright 2019-2021 - Licensed under MIT\r\n *\r\n * Slim version example\r\n * You can export only the modules you need\r\n */\r\n\r\n// Config\r\n// --------------------\r\n\r\n// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>\r\n$enable-responsive-spacings: false;\r\n\r\n// Enable transitions\r\n$enable-transitions: false;\r\n\r\n// Enable overriding with !important\r\n$enable-important: false;\r\n\r\n// Pico Lib\r\n// --------------------\r\n\r\n// Config\r\n@import \"variables\";\r\n\r\n// Theming\r\n@import \"themes/default\";\r\n\r\n// Layout\r\n@import \"layout/document\"; // html\r\n@import \"layout/sectioning\"; // body, header, main, footer\r\n@import \"layout/container\"; // .container, .container-fluid\r\n@import \"layout/section\"; // section\r\n@import \"layout/grid\"; // .grid\r\n@import \"layout/scroller\"; // figure\r\n\r\n// Content\r\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\r\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\r\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\r\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\r\n@import \"content/table\"; // table, tr, td, ...\r\n\r\n// Utilities\r\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\r\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\r\n","/**\r\n * Theme: default\r\n */\r\n\r\n// Variables\r\n@import \"../variables\";\r\n@import \"default/colors\";\r\n\r\n// Commons styles\r\n@import \"default/styles\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"default/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"default/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n  :root:not([data-theme=\"light\"]) {\r\n    @include dark;\r\n  }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n  @include dark;\r\n}\r\n","// Commons Styles\r\n:root {\r\n  // Typography\r\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n  --line-height: 1.5;\r\n  --font-weight: 400;\r\n  --font-size: 16px;\r\n\r\n  // Responsive typography\r\n  @if $enable-responsive-typography {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --font-size: 17px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --font-size: 18px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --font-size: 19px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Borders\r\n  --border-radius: 0.25rem;\r\n  --border-width: 1px;\r\n  --outline-width: 3px;\r\n\r\n  // Spacings\r\n  --spacing: 1rem;\r\n\r\n  // Spacings for typography elements\r\n  --typography-spacing-vertical: 1.5rem;\r\n\r\n  // Spacings for body > header, body > main, body > footer, section, article\r\n  --block-spacing-vertical: calc(var(--spacing) * 2);\r\n  --block-spacing-horizontal: var(--spacing);\r\n\r\n  @if ($enable-classes and $enable-grid) {\r\n    --grid-spacing-vertical: 0;\r\n    --grid-spacing-horizontal: var(--spacing);\r\n  }\r\n\r\n  // Spacings for form elements and button\r\n  --form-element-spacing-vertical: 0.75rem;\r\n  --form-element-spacing-horizontal: 1rem;\r\n\r\n  // Font weight for form labels & fieldsets legend\r\n  --form-label-font-weight: var(--font-weight);\r\n\r\n  // Transitions\r\n  --transition: 0.2s ease-in-out;\r\n}\r\n\r\n// Responsives spacings\r\n@if $enable-responsive-spacings {\r\n  // Sectionning\r\n  body > header,\r\n  body > main,\r\n  body > footer,\r\n  section {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 4);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Card (<article>)\r\n  article {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Modal\r\n  dialog > article {\r\n\r\n    --block-spacing-vertical: calc(var(--spacing) * 2);\r\n    --block-spacing-horizontal: var(--spacing);\r\n\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Link\r\na {\r\n  --text-decoration: none;\r\n\r\n  // Secondary & Contrast\r\n  @if $enable-classes {\r\n    &.secondary,\r\n    &.contrast {\r\n      --text-decoration: underline;\r\n    }\r\n  }\r\n}\r\n\r\n// Small\r\nsmall {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  --font-weight: 700;\r\n}\r\n\r\nh1 {\r\n  --font-size: 2rem;\r\n  --typography-spacing-vertical: 3rem;\r\n}\r\n\r\nh2 {\r\n  --font-size: 1.75rem;\r\n  --typography-spacing-vertical: 2.625rem;\r\n}\r\n\r\nh3 {\r\n  --font-size: 1.5rem;\r\n  --typography-spacing-vertical: 2.25rem;\r\n}\r\n\r\nh4 {\r\n  --font-size: 1.25rem;\r\n  --typography-spacing-vertical: 1.874rem;\r\n}\r\n\r\nh5 {\r\n  --font-size: 1.125rem;\r\n  --typography-spacing-vertical: 1.6875rem;\r\n}\r\n\r\n// Forms elements\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  --border-width: 2px;\r\n}\r\n\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --border-width: 3px;\r\n}\r\n\r\n// Table\r\nthead,\r\ntfoot {\r\n  th,\r\n  td {\r\n    --border-width: 3px;\r\n  }\r\n}\r\n\r\n:not(thead):not(tfoot) > * > td {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Code\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\r\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\r\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nkbd {\r\n  --font-weight: bolder;\r\n}\r\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    color-scheme: dark;\n  }\n}\n[data-theme=dark] {\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: dark;\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup,\n.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\n\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/*# sourceMappingURL=pico.slim.css.map */\n","// Default: Light theme\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --background-color: #{$white};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-700};\r\n  --h1-color: #{$grey-900};\r\n  --h2-color: #{mix($grey-900, $grey-800)};\r\n  --h3-color: #{$grey-800};\r\n  --h4-color: #{mix($grey-800, $grey-700)};\r\n  --h5-color: #{$grey-700};\r\n  --h6-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{$grey-50};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-700};\r\n  --primary-focus: #{rgba($primary-600, 0.125)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-700};\r\n  --secondary-focus: #{rgba($grey-600, 0.125)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-900};\r\n  --contrast-hover: #{$black};\r\n  --contrast-focus: #{rgba($grey-600, 0.125)};\r\n  --contrast-inverse: #{$white};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($amber-100, $amber-50)};\r\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: transparent;\r\n  --form-element-border-color: #{$grey-300};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: transparent;\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-100};\r\n  --form-element-disabled-border-color: #{$grey-300};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-800};\r\n  --form-element-invalid-active-border-color: #{$red-700};\r\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\r\n  --form-element-valid-border-color: #{$green-700};\r\n  --form-element-valid-active-border-color: #{$green-600};\r\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{$grey-200};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{$grey-100};\r\n  --range-active-border-color: #{$grey-200};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\r\n\r\n  // Code\r\n  --code-background-color: #{$grey-50};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 40%, 50%)};\r\n  --code-property-color: #{hsl(185, 40%, 40%)};\r\n  --code-value-color: #{hsl(40, 20%, 50%)};\r\n  --code-comment-color: #{$grey-300};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: var(--background-color);\r\n  --card-border-color: var(--muted-border-color);\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\r\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\r\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\r\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{$grey-100};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: light;\r\n}\r\n","// Default: Dark theme\r\n@mixin dark {\r\n  --background-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-200};\r\n  --h1-color: #{$grey-50};\r\n  --h2-color: #{mix($grey-100, $grey-50)};\r\n  --h3-color: #{$grey-100};\r\n  --h4-color: #{mix($grey-200, $grey-100)};\r\n  --h5-color: #{$grey-200};\r\n  --h6-color: #{mix($grey-300, $grey-200)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-500};\r\n  --primary-focus: #{rgba($primary-600, 0.25)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-500};\r\n  --secondary-focus: #{rgba($grey-500, 0.25)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-50};\r\n  --contrast-hover: #{$white};\r\n  --contrast-focus: #{rgba($grey-500, 0.25)};\r\n  --contrast-inverse: #{$black};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($grey-300, $amber-300)};\r\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\r\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: var(--form-element-background-color);\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-800};\r\n  --form-element-disabled-border-color: #{$grey-700};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-900};\r\n  --form-element-invalid-active-border-color: #{$red-800};\r\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\r\n  --form-element-valid-border-color: #{$green-800};\r\n  --form-element-valid-active-border-color: #{$green-700};\r\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{mix($grey-800, $grey-700)};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{mix($grey-900, $grey-800)};\r\n  --range-active-border-color: #{$grey-800};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\r\n\r\n  // Code\r\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 30%, 50%)};\r\n  --code-property-color: #{hsl(185, 30%, 50%)};\r\n  --code-value-color: #{hsl(40, 10%, 50%)};\r\n  --code-comment-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-active-summary-color: var(--primary);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: #{mix($black, $grey-900, 25%)};\r\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\r\n    0 0.125rem 2rem #{rgba($black, 0.12)},\r\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\r\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{mix($grey-900, $grey-800)};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: dark;\r\n}\r\n","/**\r\n * Document\r\n * Content-box & Responsive typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box; // 1\r\n}\r\n\r\n// 1. Add text decoration inheritance in all browsers (opinionated)\r\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\r\n::before,\r\n::after {\r\n  text-decoration: inherit; // 1\r\n  vertical-align: inherit; // 2\r\n}\r\n\r\n// 1. Correct the line height in all browsers\r\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\n// 3. Change the default tap highlight to be completely transparent in iOS\r\n// 4. Use the default cursor in all browsers (opinionated)\r\n// 5. Use a 4-space tab width in all browsers (opinionated)\r\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\nhtml {\r\n  -webkit-text-size-adjust: 100%; // 2\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\r\n  -ms-text-size-adjust: 100%; // 6\r\n  text-rendering: optimizeLegibility;\r\n  background-color: var(--background-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  line-height: var(--line-height); // 1\r\n  font-family: var(--font-family);\r\n  cursor: default; // 4\r\n  tab-size: 4; // 5\r\n}\r\n","/**\r\n * Sectioning\r\n * Container and responsive spacings for header, main, footer\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Render the `main` element consistently in IE\r\nmain {\r\n  display: block;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbody {\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  > header,\r\n  > main,\r\n  > footer {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n\r\n    // Semantic container\r\n    @if $enable-semantic-container {\r\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n\r\n      // Centered viewport\r\n      @if $enable-viewport {\r\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"sm\")) {\r\n            max-width: map-get($viewports, \"sm\");\r\n            padding-right: 0;\r\n            padding-left: 0;\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"md\")) {\r\n            max-width: map-get($viewports, \"md\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"lg\")) {\r\n            max-width: map-get($viewports, \"lg\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"xl\")) {\r\n            max-width: map-get($viewports, \"xl\");\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Semantic container\r\n    @else {\r\n      padding: var(--block-spacing-vertical) 0;\r\n    }\r\n  }\r\n}\r\n","@if ($enable-class-container and $enable-classes) {\r\n  /**\r\n * Container\r\n */\r\n\r\n  .container,\r\n  .container-fluid {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    padding-right: var(--spacing);\r\n    padding-left: var(--spacing);\r\n  }\r\n\r\n  .container {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        max-width: map-get($viewports, \"sm\");\r\n        padding-right: 0;\r\n        padding-left: 0;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        max-width: map-get($viewports, \"md\");\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        max-width: map-get($viewports, \"lg\");\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        max-width: map-get($viewports, \"xl\");\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Section\r\n * Responsive spacings for section\r\n */\r\n\r\nsection {\r\n  margin-bottom: var(--block-spacing-vertical);\r\n}\r\n","@if ($enable-classes and $enable-grid) {\r\n  /**\r\n * Grid\r\n * Minimal grid system with auto-layout columns\r\n */\r\n\r\n  .grid {\r\n    grid-column-gap: var(--grid-spacing-horizontal);\r\n    grid-row-gap: var(--grid-spacing-vertical);\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    margin: 0;\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\r\n      }\r\n    }\r\n\r\n    & > * {\r\n      min-width: 0; // HACK for childs in overflow\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Horizontal scroller (<figure>)\r\n */\r\n\r\n// Wrapper to make any content responsive across all viewports\r\nfigure {\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow-x: auto;\r\n\r\n  figcaption {\r\n    padding: calc(var(--spacing) * 0.5) 0;\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n","/**\r\n * Typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Add the correct font weight in Chrome, Edge, and Safari\r\nb,\r\nstrong {\r\n  font-weight: bolder;\r\n}\r\n\r\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\r\nsub,\r\nsup {\r\n  position: relative;\r\n  font-size: 0.75em;\r\n  line-height: 0;\r\n  vertical-align: baseline;\r\n}\r\nsub {\r\n  bottom: -0.25em;\r\n}\r\nsup {\r\n  top: -0.5em;\r\n}\r\n\r\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\r\ndl dl,\r\ndl ol,\r\ndl ul,\r\nol dl,\r\nul dl {\r\n  margin: 0;\r\n}\r\n\r\n// Remove the margin on nested lists in Edge 18- and IE\r\nol ol,\r\nol ul,\r\nul ol,\r\nul ul {\r\n  margin: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-style: normal;\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Links\r\n// 1. Remove the gray background on active links in IE 10\r\na {\r\n  --color: var(--primary);\r\n  --background-color: transparent;\r\n  outline: none;\r\n  background-color: var(--background-color); // 1\r\n  color: var(--color);\r\n  text-decoration: var(--text-decoration);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition), color var(--transition),\r\n      text-decoration var(--transition), box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --color: var(--primary-hover);\r\n    --text-decoration: underline;\r\n  }\r\n\r\n  &:focus {\r\n    --background-color: var(--primary-focus);\r\n  }\r\n\r\n  @if $enable-classes {\r\n    // Secondary\r\n    &.secondary {\r\n      --color: var(--secondary);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--secondary-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--secondary-focus);\r\n      }\r\n    }\r\n\r\n    // Contrast\r\n    &.contrast {\r\n      --color: var(--contrast);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--contrast-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--contrast-focus);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  font-family: var(--font-family);\r\n}\r\n\r\nh1 {\r\n  --color: var(--h1-color);\r\n}\r\nh2 {\r\n  --color: var(--h2-color);\r\n}\r\nh3 {\r\n  --color: var(--h3-color);\r\n}\r\nh4 {\r\n  --color: var(--h4-color);\r\n}\r\nh5 {\r\n  --color: var(--h5-color);\r\n}\r\nh6 {\r\n  --color: var(--h6-color);\r\n}\r\n\r\n// Margin-top for headings after a typography block\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  & ~ h1,\r\n  & ~ h2,\r\n  & ~ h3,\r\n  & ~ h4,\r\n  & ~ h5,\r\n  & ~ h6 {\r\n    margin-top: var(--typography-spacing-vertical);\r\n  }\r\n}\r\n\r\n// Heading group\r\n@if $enable-classes == false {\r\n  hgroup {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n@if $enable-classes {\r\n  hgroup,\r\n  .headings {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n// Paragraphs\r\np {\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n}\r\n\r\n// Small\r\nsmall {\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Lists\r\nul,\r\nol {\r\n  padding-right: 0;\r\n  padding-left: var(--spacing);\r\n  padding-inline-start: var(--spacing);\r\n  padding-inline-end: 0;\r\n\r\n  li {\r\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\r\n  }\r\n}\r\n\r\nul li {\r\n  list-style: square;\r\n}\r\n\r\n// Highlighted text\r\nmark {\r\n  padding: 0.125rem 0.25rem;\r\n  background-color: var(--mark-background-color);\r\n  color: var(--mark-color);\r\n  vertical-align: baseline;\r\n}\r\n\r\n// Blockquote\r\nblockquote {\r\n  display: block;\r\n  margin: var(--typography-spacing-vertical) 0;\r\n  padding: var(--spacing);\r\n  border-right: none;\r\n  border-left: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-end: none;\r\n\r\n  footer {\r\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\r\n    color: var(--blockquote-footer-color);\r\n  }\r\n}\r\n\r\n// Abbreviations\r\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\r\nabbr[title] {\r\n  border-bottom: 1px dotted;\r\n  text-decoration: none; // 1\r\n  cursor: help;\r\n}\r\n\r\n// Ins\r\nins {\r\n  color: var(--ins-color);\r\n  text-decoration: none;\r\n}\r\n\r\n// del\r\ndel {\r\n  color: var(--del-color);\r\n}\r\n\r\n// selection\r\n::selection {\r\n  background-color: var(--primary-focus);\r\n}\r\n","/**\r\n * Embedded content\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change the alignment on media elements in all browsers (opinionated)\r\naudio,\r\ncanvas,\r\niframe,\r\nimg,\r\nsvg,\r\nvideo {\r\n  vertical-align: middle;\r\n}\r\n\r\n// Add the correct display in IE 9-\r\naudio,\r\nvideo {\r\n  display: inline-block;\r\n}\r\n\r\n// Add the correct display in iOS 4-7\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\n// Remove the border on iframes in all browsers (opinionated)\r\niframe {\r\n  border-style: none;\r\n}\r\n\r\n// 1. Remove the border on images inside links in IE 10.\r\n// 2. Responsive by default\r\nimg {\r\n  max-width: 100%; // 2\r\n  height: auto; // 2\r\n  border-style: none; // 1\r\n}\r\n\r\n// Change the fill color to match the text color in all browsers (opinionated)\r\nsvg:not([fill]) {\r\n  fill: currentColor;\r\n}\r\n\r\n// Hide the overflow in IE\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n","/**\r\n * Button\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\n// 3. Show the overflow in Edge\r\nbutton {\r\n  margin: 0; // 2\r\n  overflow: visible; // 3\r\n  font-family: inherit; // 1\r\n  text-transform: none; // 1\r\n}\r\n\r\n// Correct the inability to style clickable types in iOS and Safari\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n  -webkit-appearance: button;\r\n}\r\n\r\n// Remove the inner border and padding in Firefox\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbutton {\r\n  display: block;\r\n  width: 100%;\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n[role=\"button\"] {\r\n  display: inline-block;\r\n  text-decoration: none;\r\n}\r\n\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\n[role=\"button\"] {\r\n  --background-color: var(--primary);\r\n  --border-color: var(--primary);\r\n  --color: var(--primary-inverse);\r\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: 1rem;\r\n  line-height: var(--line-height);\r\n  text-align: center;\r\n  cursor: pointer;\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--primary-hover);\r\n    --border-color: var(--primary-hover);\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n    --color: var(--primary-inverse);\r\n  }\r\n\r\n  &:focus {\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n      0 0 0 var(--outline-width) var(--primary-focus);\r\n  }\r\n}\r\n\r\n// .secondary, .contrast & .outline\r\n@if $enable-classes {\r\n\r\n  // Secondary\r\n  button.secondary,\r\n  input[type=\"submit\"].secondary,\r\n  input[type=\"button\"].secondary,\r\n  input[type=\"reset\"],\r\n  [role=\"button\"].secondary {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n      --color: var(--secondary-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n\r\n  // Contrast\r\n  button.contrast,\r\n  input[type=\"submit\"].contrast,\r\n  input[type=\"button\"].contrast,\r\n  input[type=\"reset\"].contrast,\r\n  [role=\"button\"].contrast {\r\n    --background-color: var(--contrast);\r\n    --border-color: var(--contrast);\r\n    --color: var(--contrast-inverse);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--contrast-hover);\r\n      --border-color: var(--contrast-hover);\r\n      --color: var(--contrast-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--contrast-focus);\r\n    }\r\n  }\r\n\r\n  // Outline (primary)\r\n  button.outline,\r\n  input[type=\"submit\"].outline,\r\n  input[type=\"button\"].outline,\r\n  input[type=\"reset\"].outline,\r\n  [role=\"button\"].outline {\r\n    --background-color: transparent;\r\n    --color: var(--primary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: transparent;\r\n      --color: var(--primary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (secondary)\r\n  button.outline.secondary,\r\n  input[type=\"submit\"].outline.secondary,\r\n  input[type=\"button\"].outline.secondary,\r\n  input[type=\"reset\"].outline.secondary,\r\n  [role=\"button\"].outline.secondary {\r\n    --color: var(--secondary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (contrast)\r\n  button.outline.contrast,\r\n  input[type=\"submit\"].outline.contrast,\r\n  input[type=\"button\"].outline.contrast,\r\n  input[type=\"reset\"].outline.contrast,\r\n  [role=\"button\"].outline.contrast {\r\n    --color: var(--contrast);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--contrast-hover);\r\n    }\r\n  }\r\n}\r\n\r\n@else {\r\n  // Secondary button without .class\r\n  input[type=\"reset\"] {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n}\r\n\r\n// Button [disabled]\r\n// 1. Links without href are disabled by default\r\nbutton[disabled],\r\ninput[type=\"submit\"][disabled],\r\ninput[type=\"button\"][disabled],\r\ninput[type=\"reset\"][disabled],\r\na[role=\"button\"]:not([href]), // 1\r\n[role=\"button\"][disabled] {\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n}","/**\r\n * Form elements\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n  margin: 0; // 2\r\n  font-size: 1rem; // 1\r\n  line-height: var(--line-height); // 1\r\n  font-family: inherit; // 1\r\n  letter-spacing: inherit; // 2\r\n}\r\n\r\n// Show the overflow in IE.\r\ninput {\r\n  overflow: visible;\r\n}\r\n\r\n// Remove the inheritance of text transform in Edge, Firefox, and IE\r\nselect {\r\n  text-transform: none;\r\n}\r\n\r\n// 1. Correct the text wrapping in Edge and IE\r\n// 2. Correct the color inheritance from `fieldset` elements in IE\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n// `fieldset` elements in all browsers\r\nlegend {\r\n  max-width: 100%; // 1\r\n  padding: 0; // 3\r\n  color: inherit; // 2\r\n  white-space: normal; // 1\r\n}\r\n\r\n// 1. Remove the default vertical scrollbar in IE\r\ntextarea {\r\n  overflow: auto; // 1\r\n}\r\n\r\n// Remove the padding in IE 10\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  padding: 0;\r\n}\r\n\r\n// Correct the cursor style of increment and decrement buttons in Safari\r\n::-webkit-inner-spin-button,\r\n::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n// 1. Correct the odd appearance in Chrome and Safari\r\n// 2. Correct the outline style in Safari\r\n[type=\"search\"] {\r\n  -webkit-appearance: textfield; // 1\r\n  outline-offset: -2px; // 2\r\n}\r\n\r\n// Remove the inner padding in Chrome and Safari on macOS\r\n[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}\r\n\r\n// 1. Correct the inability to style clickable types in iOS and Safari\r\n// 2. Change font properties to `inherit` in Safari\r\n::-webkit-file-upload-button {\r\n  -webkit-appearance: button; // 1\r\n  font: inherit; // 2\r\n}\r\n\r\n// Remove the inner border and padding of focus outlines in Firefox\r\n::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n//  Remove the focus outline in Firefox\r\n:-moz-focusring {\r\n  outline: none;\r\n}\r\n\r\n// Remove the additional :invalid styles in Firefox\r\n:-moz-ui-invalid {\r\n  box-shadow: none;\r\n}\r\n\r\n// Change the inconsistent appearance in IE (opinionated)\r\n::-ms-expand {\r\n  display: none;\r\n}\r\n\r\n// Remove the border and padding in all browsers (opinionated)\r\n[type=\"file\"],\r\n[type=\"range\"] {\r\n  padding: 0;\r\n  border-width: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Force height for alternatives input types\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\r\n  height: calc(\r\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\r\n      (var(--border-width) * 2)\r\n  );\r\n}\r\n\r\n// Fieldset\r\nfieldset {\r\n  margin: 0;\r\n  margin-bottom: var(--spacing);\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n// Label & legend\r\nlabel,\r\nfieldset legend {\r\n  display: block;\r\n  margin-bottom: calc(var(--spacing) * 0.25);\r\n  font-weight: var(--form-label-font-weight, var(--font-weight));\r\n}\r\n\r\n// Blocks, 100%\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  width: 100%;\r\n}\r\n\r\n// Reset appearance (Not Checkboxes, Radios, Range and File)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\r\nselect,\r\ntextarea {\r\n  appearance: none;\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  vertical-align: middle;\r\n}\r\n\r\n// Commons styles\r\ninput,\r\nselect,\r\ntextarea {\r\n  --background-color: var(--form-element-background-color);\r\n  --border-color: var(--form-element-border-color);\r\n  --color: var(--form-element-color);\r\n  --box-shadow: none;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--form-element-active-background-color);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --border-color: var(--form-element-active-border-color);\r\n  }\r\n}\r\n\r\n// Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:focus {\r\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\r\n  }\r\n}\r\n\r\n// Disabled\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\r\nselect,\r\ntextarea {\r\n  &[disabled] {\r\n    --background-color: var(--form-element-disabled-background-color);\r\n    --border-color: var(--form-element-disabled-border-color);\r\n    opacity: var(--form-element-disabled-opacity);\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\ninput,\r\nselect,\r\ntextarea {\r\n\r\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n    &[aria-invalid] {\r\n      @if $enable-important {\r\n        padding-right: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\r\n        padding-inline-end: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n      } @else {\r\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal);\r\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n      }\r\n      background-position: center right 0.75rem;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    &[aria-invalid=\"false\"] {\r\n      background-image: var(--icon-valid);\r\n    }\r\n  \r\n    &[aria-invalid=\"true\"] {\r\n      background-image: var(--icon-invalid);\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n\r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-valid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-valid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n    \r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-invalid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-invalid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  input,\r\n  select,\r\n  textarea {\r\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      &[aria-invalid],\r\n      &[aria-invalid=\"true\"],\r\n      &[aria-invalid=\"false\"] {\r\n        background-position: center left 0.75rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Placeholder\r\ninput::placeholder,\r\ninput::-webkit-input-placeholder,\r\ntextarea::placeholder,\r\ntextarea::-webkit-input-placeholder,\r\nselect:invalid {\r\n  color: var(--form-element-placeholder-color);\r\n  opacity: 1;\r\n}\r\n\r\n// Margin bottom (Not Checkboxes and Radios)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n// Select\r\nselect {\r\n  // Unstyle the caret on `<select>`s in IE10+.\r\n  &::-ms-expand {\r\n    border: 0;\r\n    background-color: transparent;\r\n  }\r\n\r\n  &:not([multiple]):not([size]) {\r\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    padding-left: var(--form-element-spacing-horizontal);\r\n    padding-inline-start: var(--form-element-spacing-horizontal);\r\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    background-image: var(--icon-chevron);\r\n    background-position: center right 0.75rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  select {\r\n    &:not([multiple]):not([size]) {\r\n      background-position: center left 0.75rem;\r\n    }\r\n  }\r\n}\r\n\r\n// Helper\r\ninput,\r\nselect,\r\ntextarea {\r\n  + small {\r\n    display: block;\r\n    width: 100%;\r\n    margin-top: calc(var(--spacing) * -0.75);\r\n    margin-bottom: var(--spacing);\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n\r\n// Styles for Input inside a label\r\nlabel {\r\n  & > input,\r\n  & > select,\r\n  & > textarea {\r\n    margin-top: calc(var(--spacing) * 0.25);\r\n  }\r\n}\r\n","/**\r\n * Table\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Collapse border spacing in all browsers (opinionated).\r\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\r\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\r\ntable {\r\n  width: 100%;\r\n  border-color: inherit; // 2\r\n  border-collapse: collapse; // 1\r\n  border-spacing: 0;\r\n  text-indent: 0; // 3\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Cells\r\nth,\r\ntd {\r\n  padding: calc(var(--spacing) / 2) var(--spacing);\r\n  border-bottom: var(--border-width) solid var(--table-border-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  text-align: left;\r\n  text-align: start;\r\n}\r\n\r\n// Footer\r\ntfoot {\r\n  th,\r\n  td {\r\n    border-top: var(--border-width) solid var(--table-border-color);\r\n    border-bottom: 0;\r\n  }\r\n}\r\n\r\n// Striped\r\ntable {\r\n  &[role=\"grid\"] {\r\n    tbody tr:nth-child(odd) {\r\n      background-color: var(--table-row-stripped-background-color);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Accessibility & User interaction\r\n */\r\n\r\n\r\n// Based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Accessibility\r\n\r\n// Change the cursor on control elements in all browsers (opinionated)\r\n[aria-controls] {\r\n  cursor: pointer;\r\n}\r\n\r\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\r\n[aria-disabled=\"true\"],\r\n[disabled] {\r\n  cursor: not-allowed;\r\n}\r\n\r\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\r\n[aria-hidden=\"false\"][hidden] {\r\n  display: initial;\r\n}\r\n\r\n[aria-hidden=\"false\"][hidden]:not(:focus) {\r\n  clip: rect(0, 0, 0, 0);\r\n  position: absolute;\r\n}\r\n\r\n// User interaction\r\n// Remove the tapping delay in IE 10\r\na,\r\narea,\r\nbutton,\r\ninput,\r\nlabel,\r\nselect,\r\nsummary,\r\ntextarea,\r\n[tabindex] {\r\n  -ms-touch-action: manipulation;\r\n}\r\n\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n[dir=\"rtl\"] {\r\n  direction: rtl;\r\n}\r\n"]}
\ No newline at end of file
diff --git a/css/pico.slim.min.css b/css/pico.slim.min.css
index 44b91ce5..9c4d5bc1 100644
--- a/css/pico.slim.min.css
+++ b/css/pico.slim.min.css
@@ -4,5 +4,5 @@
  *
  * Slim version example
  * You can export only the modules you need
- */:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}a{--text-decoration:none}a.contrast,a.secondary{--text-decoration:underline}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead):not(tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:#a2afb9;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing);padding-left:var(--spacing)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:992px){.container{max-width:920px}}@media (min-width:1200px){.container{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.grid{grid-column-gap:var(--grid-spacing-horizontal);grid-row-gap:var(--grid-spacing-vertical);display:grid;grid-template-columns:1fr;margin:0}@media (min-width:992px){.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}.grid>*{min-width:0}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}a.secondary{--color:var(--secondary)}a.secondary:active,a.secondary:focus,a.secondary:hover{--color:var(--secondary-hover)}a.secondary:focus{--background-color:var(--secondary-focus)}a.contrast{--color:var(--contrast)}a.contrast:active,a.contrast:focus,a.contrast:hover{--color:var(--contrast-hover)}a.contrast:focus{--background-color:var(--contrast-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}.headings,hgroup{margin-bottom:var(--typography-spacing-vertical)}.headings>*,hgroup>*{margin-bottom:0}.headings>:last-child,hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}ol,ul{padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}ol li,ul li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}[role=button]{display:inline-block;text-decoration:none}[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer}[role=button]:active,[role=button]:focus,[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--color:var(--primary-inverse)}[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}[role=button].secondary,button.secondary,input[type=button].secondary,input[type=reset],input[type=submit].secondary{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover,input[type=button].secondary:active,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit].secondary:active,input[type=submit].secondary:focus,input[type=submit].secondary:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover);--color:var(--secondary-inverse)}[role=button].secondary:focus,button.secondary:focus,input[type=button].secondary:focus,input[type=reset]:focus,input[type=submit].secondary:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}[role=button].contrast,button.contrast,input[type=button].contrast,input[type=reset].contrast,input[type=submit].contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}[role=button].contrast:active,[role=button].contrast:focus,[role=button].contrast:hover,button.contrast:active,button.contrast:focus,button.contrast:hover,input[type=button].contrast:active,input[type=button].contrast:focus,input[type=button].contrast:hover,input[type=reset].contrast:active,input[type=reset].contrast:focus,input[type=reset].contrast:hover,input[type=submit].contrast:active,input[type=submit].contrast:focus,input[type=submit].contrast:hover{--background-color:var(--contrast-hover);--border-color:var(--contrast-hover);--color:var(--contrast-inverse)}[role=button].contrast:focus,button.contrast:focus,input[type=button].contrast:focus,input[type=reset].contrast:focus,input[type=submit].contrast:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--contrast-focus)}[role=button].outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{--background-color:transparent;--color:var(--primary)}[role=button].outline:active,[role=button].outline:focus,[role=button].outline:hover,button.outline:active,button.outline:focus,button.outline:hover,input[type=button].outline:active,input[type=button].outline:focus,input[type=button].outline:hover,input[type=reset].outline:active,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=submit].outline:active,input[type=submit].outline:focus,input[type=submit].outline:hover{--background-color:transparent;--color:var(--primary-hover)}[role=button].outline.secondary,button.outline.secondary,input[type=button].outline.secondary,input[type=reset].outline.secondary,input[type=submit].outline.secondary{--color:var(--secondary)}[role=button].outline.secondary:active,[role=button].outline.secondary:focus,[role=button].outline.secondary:hover,button.outline.secondary:active,button.outline.secondary:focus,button.outline.secondary:hover,input[type=button].outline.secondary:active,input[type=button].outline.secondary:focus,input[type=button].outline.secondary:hover,input[type=reset].outline.secondary:active,input[type=reset].outline.secondary:focus,input[type=reset].outline.secondary:hover,input[type=submit].outline.secondary:active,input[type=submit].outline.secondary:focus,input[type=submit].outline.secondary:hover{--color:var(--secondary-hover)}[role=button].outline.contrast,button.outline.contrast,input[type=button].outline.contrast,input[type=reset].outline.contrast,input[type=submit].outline.contrast{--color:var(--contrast)}[role=button].outline.contrast:active,[role=button].outline.contrast:focus,[role=button].outline.contrast:hover,button.outline.contrast:active,button.outline.contrast:focus,button.outline.contrast:hover,input[type=button].outline.contrast:active,input[type=button].outline.contrast:focus,input[type=button].outline.contrast:hover,input[type=reset].outline.contrast:active,input[type=reset].outline.contrast:focus,input[type=reset].outline.contrast:hover,input[type=submit].outline.contrast:active,input[type=submit].outline.contrast:focus,input[type=submit].outline.contrast:hover{--color:var(--contrast-hover)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color);--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color);--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>textarea{margin-top:calc(var(--spacing) * .25)}table{width:100%;border-color:inherit;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}
+ */:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}a{--text-decoration:none}a.contrast,a.secondary{--text-decoration:underline}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead):not(tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:#a2afb9;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:light}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}}[data-theme=dark]{--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}*,::after,::before{box-sizing:border-box}::after,::before{text-decoration:inherit;vertical-align:inherit}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;text-rendering:optimizeLegibility;background-color:var(--background-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);line-height:var(--line-height);font-family:var(--font-family);cursor:default;-moz-tab-size:4;-o-tab-size:4;tab-size:4}main{display:block}body{width:100%;margin:0}body>footer,body>header,body>main{width:100%;margin-right:auto;margin-left:auto;padding:var(--block-spacing-vertical) 0}.container,.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:var(--spacing);padding-left:var(--spacing)}@media (min-width:576px){.container{max-width:510px;padding-right:0;padding-left:0}}@media (min-width:768px){.container{max-width:700px}}@media (min-width:992px){.container{max-width:920px}}@media (min-width:1200px){.container{max-width:1130px}}section{margin-bottom:var(--block-spacing-vertical)}.grid{grid-column-gap:var(--grid-spacing-horizontal);grid-row-gap:var(--grid-spacing-vertical);display:grid;grid-template-columns:1fr;margin:0}@media (min-width:992px){.grid{grid-template-columns:repeat(auto-fit,minmax(0%,1fr))}}.grid>*{min-width:0}figure{display:block;margin:0;padding:0;overflow-x:auto}figure figcaption{padding:calc(var(--spacing) * .5) 0;color:var(--muted-color)}b,strong{font-weight:bolder}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}address,blockquote,dl,figure,form,ol,p,pre,table,ul{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-style:normal;font-weight:var(--font-weight);font-size:var(--font-size)}a{--color:var(--primary);--background-color:transparent;outline:0;background-color:var(--background-color);color:var(--color);-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration)}a:active,a:focus,a:hover{--color:var(--primary-hover);--text-decoration:underline}a:focus{--background-color:var(--primary-focus)}a.secondary{--color:var(--secondary)}a.secondary:active,a.secondary:focus,a.secondary:hover{--color:var(--secondary-hover)}a.secondary:focus{--background-color:var(--secondary-focus)}a.contrast{--color:var(--contrast)}a.contrast:active,a.contrast:focus,a.contrast:hover{--color:var(--contrast-hover)}a.contrast:focus{--background-color:var(--contrast-focus)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--typography-spacing-vertical);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);font-family:var(--font-family)}h1{--color:var(--h1-color)}h2{--color:var(--h2-color)}h3{--color:var(--h3-color)}h4{--color:var(--h4-color)}h5{--color:var(--h5-color)}h6{--color:var(--h6-color)}address~h1,address~h2,address~h3,address~h4,address~h5,address~h6,blockquote~h1,blockquote~h2,blockquote~h3,blockquote~h4,blockquote~h5,blockquote~h6,dl~h1,dl~h2,dl~h3,dl~h4,dl~h5,dl~h6,figure~h1,figure~h2,figure~h3,figure~h4,figure~h5,figure~h6,form~h1,form~h2,form~h3,form~h4,form~h5,form~h6,ol~h1,ol~h2,ol~h3,ol~h4,ol~h5,ol~h6,pre~h1,pre~h2,pre~h3,pre~h4,pre~h5,pre~h6,p~h1,p~h2,p~h3,p~h4,p~h5,p~h6,table~h1,table~h2,table~h3,table~h4,table~h5,table~h6,ul~h1,ul~h2,ul~h3,ul~h4,ul~h5,ul~h6{margin-top:var(--typography-spacing-vertical)}.headings,hgroup{margin-bottom:var(--typography-spacing-vertical)}.headings>*,hgroup>*{margin-bottom:0}.headings>:last-child,hgroup>:last-child{--color:var(--muted-color);--font-weight:unset;font-size:1rem;font-family:unset}p{margin-bottom:var(--typography-spacing-vertical)}small{font-size:var(--font-size)}ol,ul{padding-right:0;padding-left:var(--spacing);-webkit-padding-start:var(--spacing);padding-inline-start:var(--spacing);-webkit-padding-end:0;padding-inline-end:0}ol li,ul li{margin-bottom:calc(var(--typography-spacing-vertical) * .25)}ul li{list-style:square}mark{padding:.125rem .25rem;background-color:var(--mark-background-color);color:var(--mark-color);vertical-align:baseline}blockquote{display:block;margin:var(--typography-spacing-vertical) 0;padding:var(--spacing);border-right:none;border-left:.25rem solid var(--blockquote-border-color);-webkit-border-start:0.25rem solid var(--blockquote-border-color);border-inline-start:0.25rem solid var(--blockquote-border-color);-webkit-border-end:none;border-inline-end:none}blockquote footer{margin-top:calc(var(--typography-spacing-vertical) * .5);color:var(--blockquote-footer-color)}abbr[title]{border-bottom:1px dotted;text-decoration:none;cursor:help}ins{color:var(--ins-color);text-decoration:none}del{color:var(--del-color)}::-moz-selection{background-color:var(--primary-focus)}::selection{background-color:var(--primary-focus)}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{max-width:100%;height:auto;border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}button{margin:0;overflow:visible;font-family:inherit;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}button{display:block;width:100%;margin-bottom:var(--spacing)}[role=button]{display:inline-block;text-decoration:none}[role=button],button,input[type=button],input[type=reset],input[type=submit]{--background-color:var(--primary);--border-color:var(--primary);--color:var(--primary-inverse);--box-shadow:var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight);font-size:1rem;line-height:var(--line-height);text-align:center;cursor:pointer}[role=button]:active,[role=button]:focus,[role=button]:hover,button:active,button:focus,button:hover,input[type=button]:active,input[type=button]:focus,input[type=button]:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover{--background-color:var(--primary-hover);--border-color:var(--primary-hover);--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));--color:var(--primary-inverse)}[role=button]:focus,button:focus,input[type=button]:focus,input[type=reset]:focus,input[type=submit]:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--primary-focus)}[role=button].secondary,button.secondary,input[type=button].secondary,input[type=reset],input[type=submit].secondary{--background-color:var(--secondary);--border-color:var(--secondary);--color:var(--secondary-inverse);cursor:pointer}[role=button].secondary:active,[role=button].secondary:focus,[role=button].secondary:hover,button.secondary:active,button.secondary:focus,button.secondary:hover,input[type=button].secondary:active,input[type=button].secondary:focus,input[type=button].secondary:hover,input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover,input[type=submit].secondary:active,input[type=submit].secondary:focus,input[type=submit].secondary:hover{--background-color:var(--secondary-hover);--border-color:var(--secondary-hover);--color:var(--secondary-inverse)}[role=button].secondary:focus,button.secondary:focus,input[type=button].secondary:focus,input[type=reset]:focus,input[type=submit].secondary:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--secondary-focus)}[role=button].contrast,button.contrast,input[type=button].contrast,input[type=reset].contrast,input[type=submit].contrast{--background-color:var(--contrast);--border-color:var(--contrast);--color:var(--contrast-inverse)}[role=button].contrast:active,[role=button].contrast:focus,[role=button].contrast:hover,button.contrast:active,button.contrast:focus,button.contrast:hover,input[type=button].contrast:active,input[type=button].contrast:focus,input[type=button].contrast:hover,input[type=reset].contrast:active,input[type=reset].contrast:focus,input[type=reset].contrast:hover,input[type=submit].contrast:active,input[type=submit].contrast:focus,input[type=submit].contrast:hover{--background-color:var(--contrast-hover);--border-color:var(--contrast-hover);--color:var(--contrast-inverse)}[role=button].contrast:focus,button.contrast:focus,input[type=button].contrast:focus,input[type=reset].contrast:focus,input[type=submit].contrast:focus{--box-shadow:var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),0 0 0 var(--outline-width) var(--contrast-focus)}[role=button].outline,button.outline,input[type=button].outline,input[type=reset].outline,input[type=submit].outline{--background-color:transparent;--color:var(--primary)}[role=button].outline:active,[role=button].outline:focus,[role=button].outline:hover,button.outline:active,button.outline:focus,button.outline:hover,input[type=button].outline:active,input[type=button].outline:focus,input[type=button].outline:hover,input[type=reset].outline:active,input[type=reset].outline:focus,input[type=reset].outline:hover,input[type=submit].outline:active,input[type=submit].outline:focus,input[type=submit].outline:hover{--background-color:transparent;--color:var(--primary-hover)}[role=button].outline.secondary,button.outline.secondary,input[type=button].outline.secondary,input[type=reset].outline.secondary,input[type=submit].outline.secondary{--color:var(--secondary)}[role=button].outline.secondary:active,[role=button].outline.secondary:focus,[role=button].outline.secondary:hover,button.outline.secondary:active,button.outline.secondary:focus,button.outline.secondary:hover,input[type=button].outline.secondary:active,input[type=button].outline.secondary:focus,input[type=button].outline.secondary:hover,input[type=reset].outline.secondary:active,input[type=reset].outline.secondary:focus,input[type=reset].outline.secondary:hover,input[type=submit].outline.secondary:active,input[type=submit].outline.secondary:focus,input[type=submit].outline.secondary:hover{--color:var(--secondary-hover)}[role=button].outline.contrast,button.outline.contrast,input[type=button].outline.contrast,input[type=reset].outline.contrast,input[type=submit].outline.contrast{--color:var(--contrast)}[role=button].outline.contrast:active,[role=button].outline.contrast:focus,[role=button].outline.contrast:hover,button.outline.contrast:active,button.outline.contrast:focus,button.outline.contrast:hover,input[type=button].outline.contrast:active,input[type=button].outline.contrast:focus,input[type=button].outline.contrast:hover,input[type=reset].outline.contrast:active,input[type=reset].outline.contrast:focus,input[type=reset].outline.contrast:hover,input[type=submit].outline.contrast:active,input[type=submit].outline.contrast:focus,input[type=submit].outline.contrast:hover{--color:var(--contrast-hover)}[role=button][disabled],a[role=button]:not([href]),button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{opacity:.5;pointer-events:none}input,optgroup,select,textarea{margin:0;font-size:1rem;line-height:var(--line-height);font-family:inherit;letter-spacing:inherit}input{overflow:visible}select{text-transform:none}legend{max-width:100%;padding:0;color:inherit;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{padding:0}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{padding:0;border-style:none}:-moz-focusring{outline:0}:-moz-ui-invalid{box-shadow:none}::-ms-expand{display:none}[type=file],[type=range]{padding:0;border-width:0}input:not([type=checkbox]):not([type=radio]):not([type=range]){height:calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2)}fieldset{margin:0;margin-bottom:var(--spacing);padding:0;border:0}fieldset legend,label{display:block;margin-bottom:calc(var(--spacing) * .25);font-weight:var(--form-label-font-weight,var(--font-weight))}input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);vertical-align:middle}input,select,textarea{--background-color:var(--form-element-background-color);--border-color:var(--form-element-border-color);--color:var(--form-element-color);--box-shadow:none;border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);outline:0;background-color:var(--background-color);box-shadow:var(--box-shadow);color:var(--color);font-weight:var(--font-weight)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--background-color:var(--form-element-active-background-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active,input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,select:active,select:focus,textarea:active,textarea:focus{--border-color:var(--form-element-active-border-color)}input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,select:focus,textarea:focus{--box-shadow:0 0 0 var(--outline-width) var(--form-element-focus-color)}input:not([type=submit]):not([type=button]):not([type=reset])[disabled],select[disabled],textarea[disabled]{--background-color:var(--form-element-disabled-background-color);--border-color:var(--form-element-disabled-border-color);opacity:var(--form-element-disabled-opacity)}input:not([type=checkbox]):not([type=radio])[aria-invalid],select:not([type=checkbox]):not([type=radio])[aria-invalid],textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}input:not([type=checkbox]):not([type=radio])[aria-invalid=false],select:not([type=checkbox]):not([type=radio])[aria-invalid=false],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false]{background-image:var(--icon-valid)}input:not([type=checkbox]):not([type=radio])[aria-invalid=true],select:not([type=checkbox]):not([type=radio])[aria-invalid=true],textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true]{background-image:var(--icon-invalid)}input[aria-invalid=false],select[aria-invalid=false],textarea[aria-invalid=false]{--border-color:var(--form-element-valid-border-color)}input[aria-invalid=false]:active,input[aria-invalid=false]:focus,select[aria-invalid=false]:active,select[aria-invalid=false]:focus,textarea[aria-invalid=false]:active,textarea[aria-invalid=false]:focus{--border-color:var(--form-element-valid-active-border-color);--box-shadow:0 0 0 var(--outline-width) var(--form-element-valid-focus-color)}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{--border-color:var(--form-element-invalid-border-color)}input[aria-invalid=true]:active,input[aria-invalid=true]:focus,select[aria-invalid=true]:active,select[aria-invalid=true]:focus,textarea[aria-invalid=true]:active,textarea[aria-invalid=true]:focus{--border-color:var(--form-element-invalid-active-border-color);--box-shadow:0 0 0 var(--outline-width) var(--form-element-invalid-focus-color)}[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid]{background-position:center left .75rem}input::-webkit-input-placeholder,input::placeholder,select:invalid,textarea::-webkit-input-placeholder,textarea::placeholder{color:var(--form-element-placeholder-color);opacity:1}input:not([type=checkbox]):not([type=radio]),select,textarea{margin-bottom:var(--spacing)}select::-ms-expand{border:0;background-color:transparent}select:not([multiple]):not([size]){padding-right:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-left:var(--form-element-spacing-horizontal);-webkit-padding-start:var(--form-element-spacing-horizontal);padding-inline-start:var(--form-element-spacing-horizontal);-webkit-padding-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);padding-inline-end:calc(var(--form-element-spacing-horizontal) + 1.5rem);background-image:var(--icon-chevron);background-position:center right .75rem;background-size:1rem auto;background-repeat:no-repeat}[dir=rtl] select:not([multiple]):not([size]){background-position:center left .75rem}input+small,select+small,textarea+small{display:block;width:100%;margin-top:calc(var(--spacing) * -.75);margin-bottom:var(--spacing);color:var(--muted-color)}label>input,label>select,label>textarea{margin-top:calc(var(--spacing) * .25)}table{width:100%;border-color:inherit;border-collapse:collapse;border-spacing:0;text-indent:0}td,th{padding:calc(var(--spacing)/ 2) var(--spacing);border-bottom:var(--border-width) solid var(--table-border-color);color:var(--color);font-weight:var(--font-weight);font-size:var(--font-size);text-align:left;text-align:start}tfoot td,tfoot th{border-top:var(--border-width) solid var(--table-border-color);border-bottom:0}table[role=grid] tbody tr:nth-child(odd){background-color:var(--table-row-stripped-background-color)}[aria-controls]{cursor:pointer}[aria-disabled=true],[disabled]{cursor:not-allowed}[aria-hidden=false][hidden]{display:initial}[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);position:absolute}[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation}[dir=rtl]{direction:rtl}
 /*# sourceMappingURL=pico.slim.min.css.map */
\ No newline at end of file
diff --git a/css/pico.slim.min.css.map b/css/pico.slim.min.css.map
index 856869e1..f1f036ba 100644
--- a/css/pico.slim.min.css.map
+++ b/css/pico.slim.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/pico.slim.scss","scss/themes/default/_styles.scss","css/pico.slim.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss","scss/layout/_document.scss","scss/layout/_sectioning.scss","scss/layout/_container.scss","scss/layout/_section.scss","scss/layout/_grid.scss","scss/layout/_scroller.scss","scss/content/_typography.scss","scss/content/_embedded.scss","scss/content/_button.scss","scss/content/_form.scss","scss/content/_table.scss","scss/utilities/_accessibility.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n\n// Config\n// --------------------\n\n// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>\n$enable-responsive-spacings: false;\n\n// Enable transitions\n$enable-transitions: false;\n\n// Enable overriding with !important\n$enable-important: false;\n\n// Pico Lib\n// --------------------\n\n// Config\n@import \"variables\";\n\n// Theming\n@import \"themes/default\";\n\n// Layout\n@import \"layout/document\"; // html\n@import \"layout/sectioning\"; // body, header, main, footer\n@import \"layout/container\"; // .container, .container-fluid\n@import \"layout/section\"; // section\n@import \"layout/grid\"; // .grid\n@import \"layout/scroller\"; // figure\n\n// Content\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\n@import \"content/table\"; // table, tr, td, ...\n\n// Utilities\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup,\n.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n}\nblockquote footer {\n  margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n  color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\ndel {\n  color: var(--del-color);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\n\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/*# sourceMappingURL=pico.slim.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Document\n * Content-box & Responsive typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\n*,\n*::before,\n*::after {\n  box-sizing: border-box; // 1\n}\n\n// 1. Add text decoration inheritance in all browsers (opinionated)\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\n::before,\n::after {\n  text-decoration: inherit; // 1\n  vertical-align: inherit; // 2\n}\n\n// 1. Correct the line height in all browsers\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\n// 3. Change the default tap highlight to be completely transparent in iOS\n// 4. Use the default cursor in all browsers (opinionated)\n// 5. Use a 4-space tab width in all browsers (opinionated)\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\nhtml {\n  -webkit-text-size-adjust: 100%; // 2\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\n  -ms-text-size-adjust: 100%; // 6\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height); // 1\n  font-family: var(--font-family);\n  cursor: default; // 4\n  tab-size: 4; // 5\n}\n","/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Render the `main` element consistently in IE\nmain {\n  display: block;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbody {\n  width: 100%;\n  margin: 0;\n\n  > header,\n  > main,\n  > footer {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n\n    // Semantic container\n    @if $enable-semantic-container {\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n\n      // Centered viewport\n      @if $enable-viewport {\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"sm\")) {\n            max-width: map-get($viewports, \"sm\");\n            padding-right: 0;\n            padding-left: 0;\n          }\n        }\n\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"md\")) {\n            max-width: map-get($viewports, \"md\");\n          }\n        }\n\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"lg\")) {\n            max-width: map-get($viewports, \"lg\");\n          }\n        }\n\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\n          @media (min-width: map-get($breakpoints, \"xl\")) {\n            max-width: map-get($viewports, \"xl\");\n          }\n        }\n      }\n    }\n\n    // Semantic container\n    @else {\n      padding: var(--block-spacing-vertical) 0;\n    }\n  }\n}\n","@if ($enable-class-container and $enable-classes) {\n  /**\n * Container\n */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(--spacing);\n    padding-left: var(--spacing);\n  }\n\n  .container {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        max-width: map-get($viewports, \"sm\");\n        padding-right: 0;\n        padding-left: 0;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        max-width: map-get($viewports, \"md\");\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        max-width: map-get($viewports, \"lg\");\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        max-width: map-get($viewports, \"xl\");\n      }\n    }\n  }\n}\n","/**\n * Section\n * Responsive spacings for section\n */\n\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n","@if ($enable-classes and $enable-grid) {\n  /**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n\n  .grid {\n    grid-column-gap: var(--grid-spacing-horizontal);\n    grid-row-gap: var(--grid-spacing-vertical);\n    display: grid;\n    grid-template-columns: 1fr;\n    margin: 0;\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","/**\n * Horizontal scroller (<figure>)\n */\n\n// Wrapper to make any content responsive across all viewports\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n\n  figcaption {\n    padding: calc(var(--spacing) * 0.5) 0;\n    color: var(--muted-color);\n  }\n}\n","/**\n * Typography\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Add the correct font weight in Chrome, Edge, and Safari\nb,\nstrong {\n  font-weight: bolder;\n}\n\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\n\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\n// Remove the margin on nested lists in Edge 18- and IE\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\n// Links\n// 1. Remove the gray background on active links in IE 10\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color); // 1\n  color: var(--color);\n  text-decoration: var(--text-decoration);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition), color var(--transition),\n      text-decoration var(--transition), box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --color: var(--primary-hover);\n    --text-decoration: underline;\n  }\n\n  &:focus {\n    --background-color: var(--primary-focus);\n  }\n\n  @if $enable-classes {\n    // Secondary\n    &.secondary {\n      --color: var(--secondary);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--secondary-hover);\n      }\n\n      &:focus {\n        --background-color: var(--secondary-focus);\n      }\n    }\n\n    // Contrast\n    &.contrast {\n      --color: var(--contrast);\n\n      &:hover,\n      &:active,\n      &:focus {\n        --color: var(--contrast-hover);\n      }\n\n      &:focus {\n        --background-color: var(--contrast-focus);\n      }\n    }\n  }\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\nh2 {\n  --color: var(--h2-color);\n}\nh3 {\n  --color: var(--h3-color);\n}\nh4 {\n  --color: var(--h4-color);\n}\nh5 {\n  --color: var(--h5-color);\n}\nh6 {\n  --color: var(--h6-color);\n}\n\n// Margin-top for headings after a typography block\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  & ~ h1,\n  & ~ h2,\n  & ~ h3,\n  & ~ h4,\n  & ~ h5,\n  & ~ h6 {\n    margin-top: var(--typography-spacing-vertical);\n  }\n}\n\n// Heading group\n@if $enable-classes == false {\n  hgroup {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n@if $enable-classes {\n  hgroup,\n  .headings {\n    margin-bottom: var(--typography-spacing-vertical);\n\n    > * {\n      margin-bottom: 0;\n    }\n\n    > *:last-child {\n      --color: var(--muted-color);\n      --font-weight: unset;\n      font-size: 1rem;\n      font-family: unset;\n    }\n  }\n}\n\n// Paragraphs\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n// Small\nsmall {\n  font-size: var(--font-size);\n}\n\n// Lists\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  padding-inline-start: var(--spacing);\n  padding-inline-end: 0;\n\n  li {\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n  }\n}\n\nul li {\n  list-style: square;\n}\n\n// Highlighted text\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\n// Blockquote\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-end: none;\n\n  footer {\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n    color: var(--blockquote-footer-color);\n  }\n}\n\n// Abbreviations\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\nabbr[title] {\n  border-bottom: 1px dotted;\n  text-decoration: none; // 1\n  cursor: help;\n}\n\n// Ins\nins {\n  color: var(--ins-color);\n  text-decoration: none;\n}\n\n// del\ndel {\n  color: var(--del-color);\n}\n\n// selection\n::selection {\n  background-color: var(--primary-focus);\n}\n","/**\n * Embedded content\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Change the alignment on media elements in all browsers (opinionated)\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\n// Add the correct display in IE 9-\naudio,\nvideo {\n  display: inline-block;\n}\n\n// Add the correct display in iOS 4-7\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n// Remove the border on iframes in all browsers (opinionated)\niframe {\n  border-style: none;\n}\n\n// 1. Remove the border on images inside links in IE 10.\n// 2. Responsive by default\nimg {\n  max-width: 100%; // 2\n  height: auto; // 2\n  border-style: none; // 1\n}\n\n// Change the fill color to match the text color in all browsers (opinionated)\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\n// Hide the overflow in IE\nsvg:not(:root) {\n  overflow: hidden;\n}\n","/**\n * Button\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\n// 3. Show the overflow in Edge\nbutton {\n  margin: 0; // 2\n  overflow: visible; // 3\n  font-family: inherit; // 1\n  text-transform: none; // 1\n}\n\n// Correct the inability to style clickable types in iOS and Safari\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n// Remove the inner border and padding in Firefox\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n// Pico\n// ––––––––––––––––––––\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=\"button\"] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=\"submit\"],\ninput[type=\"button\"],\ninput[type=\"reset\"],\n[role=\"button\"] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover,\n  &:active,\n  &:focus {\n    --background-color: var(--primary-hover);\n    --border-color: var(--primary-hover);\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n    --color: var(--primary-inverse);\n  }\n\n  &:focus {\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n      0 0 0 var(--outline-width) var(--primary-focus);\n  }\n}\n\n// .secondary, .contrast & .outline\n@if $enable-classes {\n\n  // Secondary\n  button.secondary,\n  input[type=\"submit\"].secondary,\n  input[type=\"button\"].secondary,\n  input[type=\"reset\"],\n  [role=\"button\"].secondary {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n      --color: var(--secondary-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n\n  // Contrast\n  button.contrast,\n  input[type=\"submit\"].contrast,\n  input[type=\"button\"].contrast,\n  input[type=\"reset\"].contrast,\n  [role=\"button\"].contrast {\n    --background-color: var(--contrast);\n    --border-color: var(--contrast);\n    --color: var(--contrast-inverse);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--contrast-hover);\n      --border-color: var(--contrast-hover);\n      --color: var(--contrast-inverse);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--contrast-focus);\n    }\n  }\n\n  // Outline (primary)\n  button.outline,\n  input[type=\"submit\"].outline,\n  input[type=\"button\"].outline,\n  input[type=\"reset\"].outline,\n  [role=\"button\"].outline {\n    --background-color: transparent;\n    --color: var(--primary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: transparent;\n      --color: var(--primary-hover);\n    }\n  }\n\n  // Outline (secondary)\n  button.outline.secondary,\n  input[type=\"submit\"].outline.secondary,\n  input[type=\"button\"].outline.secondary,\n  input[type=\"reset\"].outline.secondary,\n  [role=\"button\"].outline.secondary {\n    --color: var(--secondary);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--secondary-hover);\n    }\n  }\n\n  // Outline (contrast)\n  button.outline.contrast,\n  input[type=\"submit\"].outline.contrast,\n  input[type=\"button\"].outline.contrast,\n  input[type=\"reset\"].outline.contrast,\n  [role=\"button\"].outline.contrast {\n    --color: var(--contrast);\n\n    &:hover,\n    &:active,\n    &:focus {\n      --color: var(--contrast-hover);\n    }\n  }\n}\n\n@else {\n  // Secondary button without .class\n  input[type=\"reset\"] {\n    --background-color: var(--secondary);\n    --border-color: var(--secondary);\n    --color: var(--secondary-inverse);\n    cursor: pointer;\n\n    &:hover,\n    &:active,\n    &:focus {\n      --background-color: var(--secondary-hover);\n      --border-color: var(--secondary-hover);\n    }\n\n    &:focus {\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(--outline-width) var(--secondary-focus);\n    }\n  }\n}\n\n// Button [disabled]\n// 1. Links without href are disabled by default\nbutton[disabled],\ninput[type=\"submit\"][disabled],\ninput[type=\"button\"][disabled],\ninput[type=\"reset\"][disabled],\na[role=\"button\"]:not([href]), // 1\n[role=\"button\"][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}","/**\n * Form elements\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Change the font styles in all browsers\n// 2. Remove the margin in Firefox and Safari\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0; // 2\n  font-size: 1rem; // 1\n  line-height: var(--line-height); // 1\n  font-family: inherit; // 1\n  letter-spacing: inherit; // 2\n}\n\n// Show the overflow in IE.\ninput {\n  overflow: visible;\n}\n\n// Remove the inheritance of text transform in Edge, Firefox, and IE\nselect {\n  text-transform: none;\n}\n\n// 1. Correct the text wrapping in Edge and IE\n// 2. Correct the color inheritance from `fieldset` elements in IE\n// 3. Remove the padding so developers are not caught out when they zero out\n// `fieldset` elements in all browsers\nlegend {\n  max-width: 100%; // 1\n  padding: 0; // 3\n  color: inherit; // 2\n  white-space: normal; // 1\n}\n\n// 1. Remove the default vertical scrollbar in IE\ntextarea {\n  overflow: auto; // 1\n}\n\n// Remove the padding in IE 10\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  padding: 0;\n}\n\n// Correct the cursor style of increment and decrement buttons in Safari\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n// 1. Correct the odd appearance in Chrome and Safari\n// 2. Correct the outline style in Safari\n[type=\"search\"] {\n  -webkit-appearance: textfield; // 1\n  outline-offset: -2px; // 2\n}\n\n// Remove the inner padding in Chrome and Safari on macOS\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n// 1. Correct the inability to style clickable types in iOS and Safari\n// 2. Change font properties to `inherit` in Safari\n::-webkit-file-upload-button {\n  -webkit-appearance: button; // 1\n  font: inherit; // 2\n}\n\n// Remove the inner border and padding of focus outlines in Firefox\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n//  Remove the focus outline in Firefox\n:-moz-focusring {\n  outline: none;\n}\n\n// Remove the additional :invalid styles in Firefox\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n// Change the inconsistent appearance in IE (opinionated)\n::-ms-expand {\n  display: none;\n}\n\n// Remove the border and padding in all browsers (opinionated)\n[type=\"file\"],\n[type=\"range\"] {\n  padding: 0;\n  border-width: 0;\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Force height for alternatives input types\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\n  height: calc(\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\n      (var(--border-width) * 2)\n  );\n}\n\n// Fieldset\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\n// Label & legend\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\n// Blocks, 100%\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  width: 100%;\n}\n\n// Reset appearance (Not Checkboxes, Radios, Range and File)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\nselect,\ntextarea {\n  appearance: none;\n  padding: var(--form-element-spacing-vertical)\n    var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\n// Commons styles\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n\n  @if $enable-transitions {\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --background-color: var(--form-element-active-background-color);\n  }\n}\n\n// Active & Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\nselect,\ntextarea {\n  &:active,\n  &:focus {\n    --border-color: var(--form-element-active-border-color);\n  }\n}\n\n// Focus\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\nselect,\ntextarea {\n  &:focus {\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n  }\n}\n\n// Disabled\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\nselect,\ntextarea {\n  &[disabled] {\n    --background-color: var(--form-element-disabled-background-color);\n    --border-color: var(--form-element-disabled-border-color);\n    opacity: var(--form-element-disabled-opacity);\n  }\n}\n\n// Aria-invalid\ninput,\nselect,\ntextarea {\n\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n    &[aria-invalid] {\n      @if $enable-important {\n        padding-right: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\n        padding-inline-end: calc(\n          var(--form-element-spacing-horizontal) + 1.5rem\n        ) !important;\n      } @else {\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n        padding-left: var(--form-element-spacing-horizontal);\n        padding-inline-start: var(--form-element-spacing-horizontal);\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n      }\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[aria-invalid=\"false\"] {\n      background-image: var(--icon-valid);\n    }\n  \n    &[aria-invalid=\"true\"] {\n      background-image: var(--icon-invalid);\n    }\n  }\n\n  &[aria-invalid=\"false\"] {\n    --border-color: var(--form-element-valid-border-color);\n\n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-valid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-valid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n      }\n    }\n  }\n\n  &[aria-invalid=\"true\"] {\n    --border-color: var(--form-element-invalid-border-color);\n    \n    &:active,\n    &:focus {\n      @if $enable-important {\n        --border-color: var(--form-element-invalid-active-border-color) !important;\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n      } @else {\n        --border-color: var(--form-element-invalid-active-border-color);\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n      }\n    }\n  }\n}\n\n[dir=\"rtl\"] {\n  input,\n  select,\n  textarea {\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\n      &[aria-invalid],\n      &[aria-invalid=\"true\"],\n      &[aria-invalid=\"false\"] {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n}\n\n// Placeholder\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\n// Margin bottom (Not Checkboxes and Radios)\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\n// Select\nselect {\n  // Unstyle the caret on `<select>`s in IE10+.\n  &::-ms-expand {\n    border: 0;\n    background-color: transparent;\n  }\n\n  &:not([multiple]):not([size]) {\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    padding-left: var(--form-element-spacing-horizontal);\n    padding-inline-start: var(--form-element-spacing-horizontal);\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n    background-image: var(--icon-chevron);\n    background-position: center right 0.75rem;\n    background-size: 1rem auto;\n    background-repeat: no-repeat;\n  }\n}\n\n[dir=\"rtl\"] {\n  select {\n    &:not([multiple]):not([size]) {\n      background-position: center left 0.75rem;\n    }\n  }\n}\n\n// Helper\ninput,\nselect,\ntextarea {\n  + small {\n    display: block;\n    width: 100%;\n    margin-top: calc(var(--spacing) * -0.75);\n    margin-bottom: var(--spacing);\n    color: var(--muted-color);\n  }\n}\n\n// Styles for Input inside a label\nlabel {\n  & > input,\n  & > select,\n  & > textarea {\n    margin-top: calc(var(--spacing) * 0.25);\n  }\n}\n","/**\n * Table\n */\n\n// Reboot based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// 1. Collapse border spacing in all browsers (opinionated).\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\ntable {\n  width: 100%;\n  border-color: inherit; // 2\n  border-collapse: collapse; // 1\n  border-spacing: 0;\n  text-indent: 0; // 3\n}\n\n// Pico\n// ––––––––––––––––––––\n\n// Cells\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\n// Footer\ntfoot {\n  th,\n  td {\n    border-top: var(--border-width) solid var(--table-border-color);\n    border-bottom: 0;\n  }\n}\n\n// Striped\ntable {\n  &[role=\"grid\"] {\n    tbody tr:nth-child(odd) {\n      background-color: var(--table-row-stripped-background-color);\n    }\n  }\n}\n","/**\n * Accessibility & User interaction\n */\n\n\n// Based on :\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\n// ––––––––––––––––––––\n\n// Accessibility\n\n// Change the cursor on control elements in all browsers (opinionated)\n[aria-controls] {\n  cursor: pointer;\n}\n\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\n[aria-disabled=\"true\"],\n[disabled] {\n  cursor: not-allowed;\n}\n\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\n[aria-hidden=\"false\"][hidden] {\n  display: initial;\n}\n\n[aria-hidden=\"false\"][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\n// User interaction\n// Remove the tapping delay in IE 10\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n\n// Pico\n// ––––––––––––––––––––\n\n[dir=\"rtl\"] {\n  direction: rtl;\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss\\pico.slim.scss","scss\\themes\\default\\_styles.scss","css\\pico.slim.css","scss\\themes\\default\\_light.scss","scss\\themes\\default.scss","scss\\themes\\default\\_dark.scss","scss\\layout\\_document.scss","scss\\layout\\_sectioning.scss","scss\\layout\\_container.scss","scss\\layout\\_section.scss","scss\\layout\\_grid.scss","scss\\layout\\_scroller.scss","scss\\content\\_typography.scss","scss\\content\\_embedded.scss","scss\\content\\_button.scss","scss\\content\\_form.scss","scss\\content\\_table.scss","scss\\utilities\\_accessibility.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Pico.css v1.4.4 (https://picocss.com)\r\n * Copyright 2019-2021 - Licensed under MIT\r\n *\r\n * Slim version example\r\n * You can export only the modules you need\r\n */\r\n\r\n// Config\r\n// --------------------\r\n\r\n// Enable responsive spacings for <header>, <main>, <footer>, <section>, <article>\r\n$enable-responsive-spacings: false;\r\n\r\n// Enable transitions\r\n$enable-transitions: false;\r\n\r\n// Enable overriding with !important\r\n$enable-important: false;\r\n\r\n// Pico Lib\r\n// --------------------\r\n\r\n// Config\r\n@import \"variables\";\r\n\r\n// Theming\r\n@import \"themes/default\";\r\n\r\n// Layout\r\n@import \"layout/document\"; // html\r\n@import \"layout/sectioning\"; // body, header, main, footer\r\n@import \"layout/container\"; // .container, .container-fluid\r\n@import \"layout/section\"; // section\r\n@import \"layout/grid\"; // .grid\r\n@import \"layout/scroller\"; // figure\r\n\r\n// Content\r\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\r\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\r\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\r\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\r\n@import \"content/table\"; // table, tr, td, ...\r\n\r\n// Utilities\r\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\r\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\r\n","// Commons Styles\r\n:root {\r\n  // Typography\r\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n  --line-height: 1.5;\r\n  --font-weight: 400;\r\n  --font-size: 16px;\r\n\r\n  // Responsive typography\r\n  @if $enable-responsive-typography {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --font-size: 17px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --font-size: 18px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --font-size: 19px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Borders\r\n  --border-radius: 0.25rem;\r\n  --border-width: 1px;\r\n  --outline-width: 3px;\r\n\r\n  // Spacings\r\n  --spacing: 1rem;\r\n\r\n  // Spacings for typography elements\r\n  --typography-spacing-vertical: 1.5rem;\r\n\r\n  // Spacings for body > header, body > main, body > footer, section, article\r\n  --block-spacing-vertical: calc(var(--spacing) * 2);\r\n  --block-spacing-horizontal: var(--spacing);\r\n\r\n  @if ($enable-classes and $enable-grid) {\r\n    --grid-spacing-vertical: 0;\r\n    --grid-spacing-horizontal: var(--spacing);\r\n  }\r\n\r\n  // Spacings for form elements and button\r\n  --form-element-spacing-vertical: 0.75rem;\r\n  --form-element-spacing-horizontal: 1rem;\r\n\r\n  // Font weight for form labels & fieldsets legend\r\n  --form-label-font-weight: var(--font-weight);\r\n\r\n  // Transitions\r\n  --transition: 0.2s ease-in-out;\r\n}\r\n\r\n// Responsives spacings\r\n@if $enable-responsive-spacings {\r\n  // Sectionning\r\n  body > header,\r\n  body > main,\r\n  body > footer,\r\n  section {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 4);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Card (<article>)\r\n  article {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Modal\r\n  dialog > article {\r\n\r\n    --block-spacing-vertical: calc(var(--spacing) * 2);\r\n    --block-spacing-horizontal: var(--spacing);\r\n\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Link\r\na {\r\n  --text-decoration: none;\r\n\r\n  // Secondary & Contrast\r\n  @if $enable-classes {\r\n    &.secondary,\r\n    &.contrast {\r\n      --text-decoration: underline;\r\n    }\r\n  }\r\n}\r\n\r\n// Small\r\nsmall {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  --font-weight: 700;\r\n}\r\n\r\nh1 {\r\n  --font-size: 2rem;\r\n  --typography-spacing-vertical: 3rem;\r\n}\r\n\r\nh2 {\r\n  --font-size: 1.75rem;\r\n  --typography-spacing-vertical: 2.625rem;\r\n}\r\n\r\nh3 {\r\n  --font-size: 1.5rem;\r\n  --typography-spacing-vertical: 2.25rem;\r\n}\r\n\r\nh4 {\r\n  --font-size: 1.25rem;\r\n  --typography-spacing-vertical: 1.874rem;\r\n}\r\n\r\nh5 {\r\n  --font-size: 1.125rem;\r\n  --typography-spacing-vertical: 1.6875rem;\r\n}\r\n\r\n// Forms elements\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  --border-width: 2px;\r\n}\r\n\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --border-width: 3px;\r\n}\r\n\r\n// Table\r\nthead,\r\ntfoot {\r\n  th,\r\n  td {\r\n    --border-width: 3px;\r\n  }\r\n}\r\n\r\n:not(thead):not(tfoot) > * > td {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Code\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\r\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\r\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nkbd {\r\n  --font-weight: bolder;\r\n}\r\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n *\n * Slim version example\n * You can export only the modules you need\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --grid-spacing-vertical: 0;\n  --grid-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    color-scheme: dark;\n  }\n}\n[data-theme=dark] {\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: dark;\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\nhtml {\n  -webkit-text-size-adjust: 100%;\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  -ms-text-size-adjust: 100%;\n  text-rendering: optimizeLegibility;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  cursor: default;\n  -moz-tab-size: 4;\n  -o-tab-size: 4;\n  tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n  display: block;\n}\n\nbody {\n  width: 100%;\n  margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) 0;\n}\n\n/**\n* Container\n*/\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--spacing);\n  padding-left: var(--spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 992px) {\n  .container {\n    max-width: 920px;\n  }\n}\n@media (min-width: 1200px) {\n  .container {\n    max-width: 1130px;\n  }\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n* Grid\n* Minimal grid system with auto-layout columns\n*/\n.grid {\n  grid-column-gap: var(--grid-spacing-horizontal);\n  grid-row-gap: var(--grid-spacing-vertical);\n  display: grid;\n  grid-template-columns: 1fr;\n  margin: 0;\n}\n@media (min-width: 992px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n  margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n  margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  -webkit-text-decoration: var(--text-decoration);\n  text-decoration: var(--text-decoration);\n}\na:hover, a:active, a:focus {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus {\n  --background-color: var(--primary-focus);\n}\na.secondary {\n  --color: var(--secondary);\n}\na.secondary:hover, a.secondary:active, a.secondary:focus {\n  --color: var(--secondary-hover);\n}\na.secondary:focus {\n  --background-color: var(--secondary-focus);\n}\na.contrast {\n  --color: var(--contrast);\n}\na.contrast:hover, a.contrast:active, a.contrast:focus {\n  --color: var(--contrast-hover);\n}\na.contrast:focus {\n  --background-color: var(--contrast-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup,\n.headings {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > *,\n.headings > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child,\n.headings > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\nul,\nol {\n  padding-right: 0;\n  padding-left: var(--spacing);\n  -webkit-padding-start: var(--spacing);\n  padding-inline-start: var(--spacing);\n  -webkit-padding-end: 0;\n  padding-inline-end: 0;\n}\nul li,\nol li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  -webkit-border-start: 0.25rem solid var(--blockquote-border-color);\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\n  -webkit-border-end: none;\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::-moz-selection {\n  background-color: var(--primary-focus);\n}\n\n::selection {\n  background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\niframe {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\nsvg:not([fill]) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\nbutton.secondary,\ninput[type=submit].secondary,\ninput[type=button].secondary,\ninput[type=reset],\n[role=button].secondary {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\nbutton.secondary:hover, button.secondary:active, button.secondary:focus,\ninput[type=submit].secondary:hover,\ninput[type=submit].secondary:active,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:hover,\ninput[type=button].secondary:active,\ninput[type=button].secondary:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button].secondary:hover,\n[role=button].secondary:active,\n[role=button].secondary:focus {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n  --color: var(--secondary-inverse);\n}\nbutton.secondary:focus,\ninput[type=submit].secondary:focus,\ninput[type=button].secondary:focus,\ninput[type=reset]:focus,\n[role=button].secondary:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton.contrast,\ninput[type=submit].contrast,\ninput[type=button].contrast,\ninput[type=reset].contrast,\n[role=button].contrast {\n  --background-color: var(--contrast);\n  --border-color: var(--contrast);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:hover, button.contrast:active, button.contrast:focus,\ninput[type=submit].contrast:hover,\ninput[type=submit].contrast:active,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:hover,\ninput[type=button].contrast:active,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:hover,\ninput[type=reset].contrast:active,\ninput[type=reset].contrast:focus,\n[role=button].contrast:hover,\n[role=button].contrast:active,\n[role=button].contrast:focus {\n  --background-color: var(--contrast-hover);\n  --border-color: var(--contrast-hover);\n  --color: var(--contrast-inverse);\n}\nbutton.contrast:focus,\ninput[type=submit].contrast:focus,\ninput[type=button].contrast:focus,\ninput[type=reset].contrast:focus,\n[role=button].contrast:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--contrast-focus);\n}\n\nbutton.outline,\ninput[type=submit].outline,\ninput[type=button].outline,\ninput[type=reset].outline,\n[role=button].outline {\n  --background-color: transparent;\n  --color: var(--primary);\n}\nbutton.outline:hover, button.outline:active, button.outline:focus,\ninput[type=submit].outline:hover,\ninput[type=submit].outline:active,\ninput[type=submit].outline:focus,\ninput[type=button].outline:hover,\ninput[type=button].outline:active,\ninput[type=button].outline:focus,\ninput[type=reset].outline:hover,\ninput[type=reset].outline:active,\ninput[type=reset].outline:focus,\n[role=button].outline:hover,\n[role=button].outline:active,\n[role=button].outline:focus {\n  --background-color: transparent;\n  --color: var(--primary-hover);\n}\n\nbutton.outline.secondary,\ninput[type=submit].outline.secondary,\ninput[type=button].outline.secondary,\ninput[type=reset].outline.secondary,\n[role=button].outline.secondary {\n  --color: var(--secondary);\n}\nbutton.outline.secondary:hover, button.outline.secondary:active, button.outline.secondary:focus,\ninput[type=submit].outline.secondary:hover,\ninput[type=submit].outline.secondary:active,\ninput[type=submit].outline.secondary:focus,\ninput[type=button].outline.secondary:hover,\ninput[type=button].outline.secondary:active,\ninput[type=button].outline.secondary:focus,\ninput[type=reset].outline.secondary:hover,\ninput[type=reset].outline.secondary:active,\ninput[type=reset].outline.secondary:focus,\n[role=button].outline.secondary:hover,\n[role=button].outline.secondary:active,\n[role=button].outline.secondary:focus {\n  --color: var(--secondary-hover);\n}\n\nbutton.outline.contrast,\ninput[type=submit].outline.contrast,\ninput[type=button].outline.contrast,\ninput[type=reset].outline.contrast,\n[role=button].outline.contrast {\n  --color: var(--contrast);\n}\nbutton.outline.contrast:hover, button.outline.contrast:active, button.outline.contrast:focus,\ninput[type=submit].outline.contrast:hover,\ninput[type=submit].outline.contrast:active,\ninput[type=submit].outline.contrast:focus,\ninput[type=button].outline.contrast:hover,\ninput[type=button].outline.contrast:active,\ninput[type=button].outline.contrast:focus,\ninput[type=reset].outline.contrast:hover,\ninput[type=reset].outline.contrast:active,\ninput[type=reset].outline.contrast:focus,\n[role=button].outline.contrast:hover,\n[role=button].outline.contrast:active,\n[role=button].outline.contrast:focus {\n  --color: var(--contrast-hover);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  -webkit-padding-start: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n  --border-color: var(--form-element-valid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n  --border-color: var(--form-element-invalid-active-border-color);\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  -webkit-padding-start: var(--form-element-spacing-horizontal);\n  padding-inline-start: var(--form-element-spacing-horizontal);\n  -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  background-image: var(--icon-chevron);\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n  background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Table\n */\ntable {\n  width: 100%;\n  border-color: inherit;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/*# sourceMappingURL=pico.slim.css.map */","// Default: Light theme\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --background-color: #{$white};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-700};\r\n  --h1-color: #{$grey-900};\r\n  --h2-color: #{mix($grey-900, $grey-800)};\r\n  --h3-color: #{$grey-800};\r\n  --h4-color: #{mix($grey-800, $grey-700)};\r\n  --h5-color: #{$grey-700};\r\n  --h6-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{$grey-50};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-700};\r\n  --primary-focus: #{rgba($primary-600, 0.125)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-700};\r\n  --secondary-focus: #{rgba($grey-600, 0.125)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-900};\r\n  --contrast-hover: #{$black};\r\n  --contrast-focus: #{rgba($grey-600, 0.125)};\r\n  --contrast-inverse: #{$white};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($amber-100, $amber-50)};\r\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: transparent;\r\n  --form-element-border-color: #{$grey-300};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: transparent;\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-100};\r\n  --form-element-disabled-border-color: #{$grey-300};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-800};\r\n  --form-element-invalid-active-border-color: #{$red-700};\r\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\r\n  --form-element-valid-border-color: #{$green-700};\r\n  --form-element-valid-active-border-color: #{$green-600};\r\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{$grey-200};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{$grey-100};\r\n  --range-active-border-color: #{$grey-200};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\r\n\r\n  // Code\r\n  --code-background-color: #{$grey-50};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 40%, 50%)};\r\n  --code-property-color: #{hsl(185, 40%, 40%)};\r\n  --code-value-color: #{hsl(40, 20%, 50%)};\r\n  --code-comment-color: #{$grey-300};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: var(--background-color);\r\n  --card-border-color: var(--muted-border-color);\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\r\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\r\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\r\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{$grey-100};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: light;\r\n}\r\n","/**\r\n * Theme: default\r\n */\r\n\r\n// Variables\r\n@import \"../variables\";\r\n@import \"default/colors\";\r\n\r\n// Commons styles\r\n@import \"default/styles\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"default/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"default/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n  :root:not([data-theme=\"light\"]) {\r\n    @include dark;\r\n  }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n  @include dark;\r\n}\r\n","// Default: Dark theme\r\n@mixin dark {\r\n  --background-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-200};\r\n  --h1-color: #{$grey-50};\r\n  --h2-color: #{mix($grey-100, $grey-50)};\r\n  --h3-color: #{$grey-100};\r\n  --h4-color: #{mix($grey-200, $grey-100)};\r\n  --h5-color: #{$grey-200};\r\n  --h6-color: #{mix($grey-300, $grey-200)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-500};\r\n  --primary-focus: #{rgba($primary-600, 0.25)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-500};\r\n  --secondary-focus: #{rgba($grey-500, 0.25)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-50};\r\n  --contrast-hover: #{$white};\r\n  --contrast-focus: #{rgba($grey-500, 0.25)};\r\n  --contrast-inverse: #{$black};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($grey-300, $amber-300)};\r\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\r\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: var(--form-element-background-color);\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-800};\r\n  --form-element-disabled-border-color: #{$grey-700};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-900};\r\n  --form-element-invalid-active-border-color: #{$red-800};\r\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\r\n  --form-element-valid-border-color: #{$green-800};\r\n  --form-element-valid-active-border-color: #{$green-700};\r\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{mix($grey-800, $grey-700)};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{mix($grey-900, $grey-800)};\r\n  --range-active-border-color: #{$grey-800};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\r\n\r\n  // Code\r\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 30%, 50%)};\r\n  --code-property-color: #{hsl(185, 30%, 50%)};\r\n  --code-value-color: #{hsl(40, 10%, 50%)};\r\n  --code-comment-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-active-summary-color: var(--primary);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: #{mix($black, $grey-900, 25%)};\r\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\r\n    0 0.125rem 2rem #{rgba($black, 0.12)},\r\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\r\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{mix($grey-900, $grey-800)};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: dark;\r\n}\r\n","/**\r\n * Document\r\n * Content-box & Responsive typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box; // 1\r\n}\r\n\r\n// 1. Add text decoration inheritance in all browsers (opinionated)\r\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\r\n::before,\r\n::after {\r\n  text-decoration: inherit; // 1\r\n  vertical-align: inherit; // 2\r\n}\r\n\r\n// 1. Correct the line height in all browsers\r\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\n// 3. Change the default tap highlight to be completely transparent in iOS\r\n// 4. Use the default cursor in all browsers (opinionated)\r\n// 5. Use a 4-space tab width in all browsers (opinionated)\r\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\nhtml {\r\n  -webkit-text-size-adjust: 100%; // 2\r\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\r\n  -ms-text-size-adjust: 100%; // 6\r\n  text-rendering: optimizeLegibility;\r\n  background-color: var(--background-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  line-height: var(--line-height); // 1\r\n  font-family: var(--font-family);\r\n  cursor: default; // 4\r\n  tab-size: 4; // 5\r\n}\r\n","/**\r\n * Sectioning\r\n * Container and responsive spacings for header, main, footer\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Render the `main` element consistently in IE\r\nmain {\r\n  display: block;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbody {\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  > header,\r\n  > main,\r\n  > footer {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n\r\n    // Semantic container\r\n    @if $enable-semantic-container {\r\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n\r\n      // Centered viewport\r\n      @if $enable-viewport {\r\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"sm\")) {\r\n            max-width: map-get($viewports, \"sm\");\r\n            padding-right: 0;\r\n            padding-left: 0;\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"md\")) {\r\n            max-width: map-get($viewports, \"md\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"lg\")) {\r\n            max-width: map-get($viewports, \"lg\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"xl\")) {\r\n            max-width: map-get($viewports, \"xl\");\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Semantic container\r\n    @else {\r\n      padding: var(--block-spacing-vertical) 0;\r\n    }\r\n  }\r\n}\r\n","@if ($enable-class-container and $enable-classes) {\r\n  /**\r\n * Container\r\n */\r\n\r\n  .container,\r\n  .container-fluid {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    padding-right: var(--spacing);\r\n    padding-left: var(--spacing);\r\n  }\r\n\r\n  .container {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        max-width: map-get($viewports, \"sm\");\r\n        padding-right: 0;\r\n        padding-left: 0;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        max-width: map-get($viewports, \"md\");\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        max-width: map-get($viewports, \"lg\");\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        max-width: map-get($viewports, \"xl\");\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Section\r\n * Responsive spacings for section\r\n */\r\n\r\nsection {\r\n  margin-bottom: var(--block-spacing-vertical);\r\n}\r\n","@if ($enable-classes and $enable-grid) {\r\n  /**\r\n * Grid\r\n * Minimal grid system with auto-layout columns\r\n */\r\n\r\n  .grid {\r\n    grid-column-gap: var(--grid-spacing-horizontal);\r\n    grid-row-gap: var(--grid-spacing-vertical);\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    margin: 0;\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\r\n      }\r\n    }\r\n\r\n    & > * {\r\n      min-width: 0; // HACK for childs in overflow\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Horizontal scroller (<figure>)\r\n */\r\n\r\n// Wrapper to make any content responsive across all viewports\r\nfigure {\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow-x: auto;\r\n\r\n  figcaption {\r\n    padding: calc(var(--spacing) * 0.5) 0;\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n","/**\r\n * Typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Add the correct font weight in Chrome, Edge, and Safari\r\nb,\r\nstrong {\r\n  font-weight: bolder;\r\n}\r\n\r\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\r\nsub,\r\nsup {\r\n  position: relative;\r\n  font-size: 0.75em;\r\n  line-height: 0;\r\n  vertical-align: baseline;\r\n}\r\nsub {\r\n  bottom: -0.25em;\r\n}\r\nsup {\r\n  top: -0.5em;\r\n}\r\n\r\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\r\ndl dl,\r\ndl ol,\r\ndl ul,\r\nol dl,\r\nul dl {\r\n  margin: 0;\r\n}\r\n\r\n// Remove the margin on nested lists in Edge 18- and IE\r\nol ol,\r\nol ul,\r\nul ol,\r\nul ul {\r\n  margin: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-style: normal;\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Links\r\n// 1. Remove the gray background on active links in IE 10\r\na {\r\n  --color: var(--primary);\r\n  --background-color: transparent;\r\n  outline: none;\r\n  background-color: var(--background-color); // 1\r\n  color: var(--color);\r\n  text-decoration: var(--text-decoration);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition), color var(--transition),\r\n      text-decoration var(--transition), box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --color: var(--primary-hover);\r\n    --text-decoration: underline;\r\n  }\r\n\r\n  &:focus {\r\n    --background-color: var(--primary-focus);\r\n  }\r\n\r\n  @if $enable-classes {\r\n    // Secondary\r\n    &.secondary {\r\n      --color: var(--secondary);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--secondary-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--secondary-focus);\r\n      }\r\n    }\r\n\r\n    // Contrast\r\n    &.contrast {\r\n      --color: var(--contrast);\r\n\r\n      &:hover,\r\n      &:active,\r\n      &:focus {\r\n        --color: var(--contrast-hover);\r\n      }\r\n\r\n      &:focus {\r\n        --background-color: var(--contrast-focus);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin-top: 0;\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  font-family: var(--font-family);\r\n}\r\n\r\nh1 {\r\n  --color: var(--h1-color);\r\n}\r\nh2 {\r\n  --color: var(--h2-color);\r\n}\r\nh3 {\r\n  --color: var(--h3-color);\r\n}\r\nh4 {\r\n  --color: var(--h4-color);\r\n}\r\nh5 {\r\n  --color: var(--h5-color);\r\n}\r\nh6 {\r\n  --color: var(--h6-color);\r\n}\r\n\r\n// Margin-top for headings after a typography block\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n  & ~ h1,\r\n  & ~ h2,\r\n  & ~ h3,\r\n  & ~ h4,\r\n  & ~ h5,\r\n  & ~ h6 {\r\n    margin-top: var(--typography-spacing-vertical);\r\n  }\r\n}\r\n\r\n// Heading group\r\n@if $enable-classes == false {\r\n  hgroup {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n@if $enable-classes {\r\n  hgroup,\r\n  .headings {\r\n    margin-bottom: var(--typography-spacing-vertical);\r\n\r\n    > * {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    > *:last-child {\r\n      --color: var(--muted-color);\r\n      --font-weight: unset;\r\n      font-size: 1rem;\r\n      font-family: unset;\r\n    }\r\n  }\r\n}\r\n\r\n// Paragraphs\r\np {\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n}\r\n\r\n// Small\r\nsmall {\r\n  font-size: var(--font-size);\r\n}\r\n\r\n// Lists\r\nul,\r\nol {\r\n  padding-right: 0;\r\n  padding-left: var(--spacing);\r\n  padding-inline-start: var(--spacing);\r\n  padding-inline-end: 0;\r\n\r\n  li {\r\n    margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\r\n  }\r\n}\r\n\r\nul li {\r\n  list-style: square;\r\n}\r\n\r\n// Highlighted text\r\nmark {\r\n  padding: 0.125rem 0.25rem;\r\n  background-color: var(--mark-background-color);\r\n  color: var(--mark-color);\r\n  vertical-align: baseline;\r\n}\r\n\r\n// Blockquote\r\nblockquote {\r\n  display: block;\r\n  margin: var(--typography-spacing-vertical) 0;\r\n  padding: var(--spacing);\r\n  border-right: none;\r\n  border-left: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-start: 0.25rem solid var(--blockquote-border-color);\r\n  border-inline-end: none;\r\n\r\n  footer {\r\n    margin-top: calc(var(--typography-spacing-vertical) * 0.5);\r\n    color: var(--blockquote-footer-color);\r\n  }\r\n}\r\n\r\n// Abbreviations\r\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\r\nabbr[title] {\r\n  border-bottom: 1px dotted;\r\n  text-decoration: none; // 1\r\n  cursor: help;\r\n}\r\n\r\n// Ins\r\nins {\r\n  color: var(--ins-color);\r\n  text-decoration: none;\r\n}\r\n\r\n// del\r\ndel {\r\n  color: var(--del-color);\r\n}\r\n\r\n// selection\r\n::selection {\r\n  background-color: var(--primary-focus);\r\n}\r\n","/**\r\n * Embedded content\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change the alignment on media elements in all browsers (opinionated)\r\naudio,\r\ncanvas,\r\niframe,\r\nimg,\r\nsvg,\r\nvideo {\r\n  vertical-align: middle;\r\n}\r\n\r\n// Add the correct display in IE 9-\r\naudio,\r\nvideo {\r\n  display: inline-block;\r\n}\r\n\r\n// Add the correct display in iOS 4-7\r\naudio:not([controls]) {\r\n  display: none;\r\n  height: 0;\r\n}\r\n\r\n// Remove the border on iframes in all browsers (opinionated)\r\niframe {\r\n  border-style: none;\r\n}\r\n\r\n// 1. Remove the border on images inside links in IE 10.\r\n// 2. Responsive by default\r\nimg {\r\n  max-width: 100%; // 2\r\n  height: auto; // 2\r\n  border-style: none; // 1\r\n}\r\n\r\n// Change the fill color to match the text color in all browsers (opinionated)\r\nsvg:not([fill]) {\r\n  fill: currentColor;\r\n}\r\n\r\n// Hide the overflow in IE\r\nsvg:not(:root) {\r\n  overflow: hidden;\r\n}\r\n","/**\r\n * Button\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\n// 3. Show the overflow in Edge\r\nbutton {\r\n  margin: 0; // 2\r\n  overflow: visible; // 3\r\n  font-family: inherit; // 1\r\n  text-transform: none; // 1\r\n}\r\n\r\n// Correct the inability to style clickable types in iOS and Safari\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n  -webkit-appearance: button;\r\n}\r\n\r\n// Remove the inner border and padding in Firefox\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbutton {\r\n  display: block;\r\n  width: 100%;\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n[role=\"button\"] {\r\n  display: inline-block;\r\n  text-decoration: none;\r\n}\r\n\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\n[role=\"button\"] {\r\n  --background-color: var(--primary);\r\n  --border-color: var(--primary);\r\n  --color: var(--primary-inverse);\r\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: 1rem;\r\n  line-height: var(--line-height);\r\n  text-align: center;\r\n  cursor: pointer;\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover,\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--primary-hover);\r\n    --border-color: var(--primary-hover);\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n    --color: var(--primary-inverse);\r\n  }\r\n\r\n  &:focus {\r\n    --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n      0 0 0 var(--outline-width) var(--primary-focus);\r\n  }\r\n}\r\n\r\n// .secondary, .contrast & .outline\r\n@if $enable-classes {\r\n\r\n  // Secondary\r\n  button.secondary,\r\n  input[type=\"submit\"].secondary,\r\n  input[type=\"button\"].secondary,\r\n  input[type=\"reset\"],\r\n  [role=\"button\"].secondary {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n      --color: var(--secondary-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n\r\n  // Contrast\r\n  button.contrast,\r\n  input[type=\"submit\"].contrast,\r\n  input[type=\"button\"].contrast,\r\n  input[type=\"reset\"].contrast,\r\n  [role=\"button\"].contrast {\r\n    --background-color: var(--contrast);\r\n    --border-color: var(--contrast);\r\n    --color: var(--contrast-inverse);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--contrast-hover);\r\n      --border-color: var(--contrast-hover);\r\n      --color: var(--contrast-inverse);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--contrast-focus);\r\n    }\r\n  }\r\n\r\n  // Outline (primary)\r\n  button.outline,\r\n  input[type=\"submit\"].outline,\r\n  input[type=\"button\"].outline,\r\n  input[type=\"reset\"].outline,\r\n  [role=\"button\"].outline {\r\n    --background-color: transparent;\r\n    --color: var(--primary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: transparent;\r\n      --color: var(--primary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (secondary)\r\n  button.outline.secondary,\r\n  input[type=\"submit\"].outline.secondary,\r\n  input[type=\"button\"].outline.secondary,\r\n  input[type=\"reset\"].outline.secondary,\r\n  [role=\"button\"].outline.secondary {\r\n    --color: var(--secondary);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (contrast)\r\n  button.outline.contrast,\r\n  input[type=\"submit\"].outline.contrast,\r\n  input[type=\"button\"].outline.contrast,\r\n  input[type=\"reset\"].outline.contrast,\r\n  [role=\"button\"].outline.contrast {\r\n    --color: var(--contrast);\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --color: var(--contrast-hover);\r\n    }\r\n  }\r\n}\r\n\r\n@else {\r\n  // Secondary button without .class\r\n  input[type=\"reset\"] {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    cursor: pointer;\r\n\r\n    &:hover,\r\n    &:active,\r\n    &:focus {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n\r\n    &:focus {\r\n      --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n        0 0 0 var(--outline-width) var(--secondary-focus);\r\n    }\r\n  }\r\n}\r\n\r\n// Button [disabled]\r\n// 1. Links without href are disabled by default\r\nbutton[disabled],\r\ninput[type=\"submit\"][disabled],\r\ninput[type=\"button\"][disabled],\r\ninput[type=\"reset\"][disabled],\r\na[role=\"button\"]:not([href]), // 1\r\n[role=\"button\"][disabled] {\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n}","/**\r\n * Form elements\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n  margin: 0; // 2\r\n  font-size: 1rem; // 1\r\n  line-height: var(--line-height); // 1\r\n  font-family: inherit; // 1\r\n  letter-spacing: inherit; // 2\r\n}\r\n\r\n// Show the overflow in IE.\r\ninput {\r\n  overflow: visible;\r\n}\r\n\r\n// Remove the inheritance of text transform in Edge, Firefox, and IE\r\nselect {\r\n  text-transform: none;\r\n}\r\n\r\n// 1. Correct the text wrapping in Edge and IE\r\n// 2. Correct the color inheritance from `fieldset` elements in IE\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n// `fieldset` elements in all browsers\r\nlegend {\r\n  max-width: 100%; // 1\r\n  padding: 0; // 3\r\n  color: inherit; // 2\r\n  white-space: normal; // 1\r\n}\r\n\r\n// 1. Remove the default vertical scrollbar in IE\r\ntextarea {\r\n  overflow: auto; // 1\r\n}\r\n\r\n// Remove the padding in IE 10\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  padding: 0;\r\n}\r\n\r\n// Correct the cursor style of increment and decrement buttons in Safari\r\n::-webkit-inner-spin-button,\r\n::-webkit-outer-spin-button {\r\n  height: auto;\r\n}\r\n\r\n// 1. Correct the odd appearance in Chrome and Safari\r\n// 2. Correct the outline style in Safari\r\n[type=\"search\"] {\r\n  -webkit-appearance: textfield; // 1\r\n  outline-offset: -2px; // 2\r\n}\r\n\r\n// Remove the inner padding in Chrome and Safari on macOS\r\n[type=\"search\"]::-webkit-search-decoration {\r\n  -webkit-appearance: none;\r\n}\r\n\r\n// 1. Correct the inability to style clickable types in iOS and Safari\r\n// 2. Change font properties to `inherit` in Safari\r\n::-webkit-file-upload-button {\r\n  -webkit-appearance: button; // 1\r\n  font: inherit; // 2\r\n}\r\n\r\n// Remove the inner border and padding of focus outlines in Firefox\r\n::-moz-focus-inner {\r\n  padding: 0;\r\n  border-style: none;\r\n}\r\n\r\n//  Remove the focus outline in Firefox\r\n:-moz-focusring {\r\n  outline: none;\r\n}\r\n\r\n// Remove the additional :invalid styles in Firefox\r\n:-moz-ui-invalid {\r\n  box-shadow: none;\r\n}\r\n\r\n// Change the inconsistent appearance in IE (opinionated)\r\n::-ms-expand {\r\n  display: none;\r\n}\r\n\r\n// Remove the border and padding in all browsers (opinionated)\r\n[type=\"file\"],\r\n[type=\"range\"] {\r\n  padding: 0;\r\n  border-width: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Force height for alternatives input types\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\r\n  height: calc(\r\n    (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\r\n      (var(--border-width) * 2)\r\n  );\r\n}\r\n\r\n// Fieldset\r\nfieldset {\r\n  margin: 0;\r\n  margin-bottom: var(--spacing);\r\n  padding: 0;\r\n  border: 0;\r\n}\r\n\r\n// Label & legend\r\nlabel,\r\nfieldset legend {\r\n  display: block;\r\n  margin-bottom: calc(var(--spacing) * 0.25);\r\n  font-weight: var(--form-label-font-weight, var(--font-weight));\r\n}\r\n\r\n// Blocks, 100%\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  width: 100%;\r\n}\r\n\r\n// Reset appearance (Not Checkboxes, Radios, Range and File)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\r\nselect,\r\ntextarea {\r\n  appearance: none;\r\n  padding: var(--form-element-spacing-vertical)\r\n    var(--form-element-spacing-horizontal);\r\n  vertical-align: middle;\r\n}\r\n\r\n// Commons styles\r\ninput,\r\nselect,\r\ntextarea {\r\n  --background-color: var(--form-element-background-color);\r\n  --border-color: var(--form-element-border-color);\r\n  --color: var(--form-element-color);\r\n  --box-shadow: none;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: var(--border-radius);\r\n  outline: none;\r\n  background-color: var(--background-color);\r\n  box-shadow: var(--box-shadow);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n\r\n  @if $enable-transitions {\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --background-color: var(--form-element-active-background-color);\r\n  }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:active,\r\n  &:focus {\r\n    --border-color: var(--form-element-active-border-color);\r\n  }\r\n}\r\n\r\n// Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n  &:focus {\r\n    --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\r\n  }\r\n}\r\n\r\n// Disabled\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\r\nselect,\r\ntextarea {\r\n  &[disabled] {\r\n    --background-color: var(--form-element-disabled-background-color);\r\n    --border-color: var(--form-element-disabled-border-color);\r\n    opacity: var(--form-element-disabled-opacity);\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\ninput,\r\nselect,\r\ntextarea {\r\n\r\n  &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n    &[aria-invalid] {\r\n      @if $enable-important {\r\n        padding-right: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal) !important;\r\n        padding-inline-end: calc(\r\n          var(--form-element-spacing-horizontal) + 1.5rem\r\n        ) !important;\r\n      } @else {\r\n        padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n        padding-left: var(--form-element-spacing-horizontal);\r\n        padding-inline-start: var(--form-element-spacing-horizontal);\r\n        padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n      }\r\n      background-position: center right 0.75rem;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n    }\r\n\r\n    &[aria-invalid=\"false\"] {\r\n      background-image: var(--icon-valid);\r\n    }\r\n  \r\n    &[aria-invalid=\"true\"] {\r\n      background-image: var(--icon-invalid);\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n\r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-valid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-valid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n    \r\n    &:active,\r\n    &:focus {\r\n      @if $enable-important {\r\n        --border-color: var(--form-element-invalid-active-border-color) !important;\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\r\n      } @else {\r\n        --border-color: var(--form-element-invalid-active-border-color);\r\n        --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  input,\r\n  select,\r\n  textarea {\r\n    &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n      &[aria-invalid],\r\n      &[aria-invalid=\"true\"],\r\n      &[aria-invalid=\"false\"] {\r\n        background-position: center left 0.75rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Placeholder\r\ninput::placeholder,\r\ninput::-webkit-input-placeholder,\r\ntextarea::placeholder,\r\ntextarea::-webkit-input-placeholder,\r\nselect:invalid {\r\n  color: var(--form-element-placeholder-color);\r\n  opacity: 1;\r\n}\r\n\r\n// Margin bottom (Not Checkboxes and Radios)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n  margin-bottom: var(--spacing);\r\n}\r\n\r\n// Select\r\nselect {\r\n  // Unstyle the caret on `<select>`s in IE10+.\r\n  &::-ms-expand {\r\n    border: 0;\r\n    background-color: transparent;\r\n  }\r\n\r\n  &:not([multiple]):not([size]) {\r\n    padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    padding-left: var(--form-element-spacing-horizontal);\r\n    padding-inline-start: var(--form-element-spacing-horizontal);\r\n    padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n    background-image: var(--icon-chevron);\r\n    background-position: center right 0.75rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  select {\r\n    &:not([multiple]):not([size]) {\r\n      background-position: center left 0.75rem;\r\n    }\r\n  }\r\n}\r\n\r\n// Helper\r\ninput,\r\nselect,\r\ntextarea {\r\n  + small {\r\n    display: block;\r\n    width: 100%;\r\n    margin-top: calc(var(--spacing) * -0.75);\r\n    margin-bottom: var(--spacing);\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n\r\n// Styles for Input inside a label\r\nlabel {\r\n  & > input,\r\n  & > select,\r\n  & > textarea {\r\n    margin-top: calc(var(--spacing) * 0.25);\r\n  }\r\n}\r\n","/**\r\n * Table\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Collapse border spacing in all browsers (opinionated).\r\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\r\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\r\ntable {\r\n  width: 100%;\r\n  border-color: inherit; // 2\r\n  border-collapse: collapse; // 1\r\n  border-spacing: 0;\r\n  text-indent: 0; // 3\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Cells\r\nth,\r\ntd {\r\n  padding: calc(var(--spacing) / 2) var(--spacing);\r\n  border-bottom: var(--border-width) solid var(--table-border-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  text-align: left;\r\n  text-align: start;\r\n}\r\n\r\n// Footer\r\ntfoot {\r\n  th,\r\n  td {\r\n    border-top: var(--border-width) solid var(--table-border-color);\r\n    border-bottom: 0;\r\n  }\r\n}\r\n\r\n// Striped\r\ntable {\r\n  &[role=\"grid\"] {\r\n    tbody tr:nth-child(odd) {\r\n      background-color: var(--table-row-stripped-background-color);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Accessibility & User interaction\r\n */\r\n\r\n\r\n// Based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Accessibility\r\n\r\n// Change the cursor on control elements in all browsers (opinionated)\r\n[aria-controls] {\r\n  cursor: pointer;\r\n}\r\n\r\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\r\n[aria-disabled=\"true\"],\r\n[disabled] {\r\n  cursor: not-allowed;\r\n}\r\n\r\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\r\n[aria-hidden=\"false\"][hidden] {\r\n  display: initial;\r\n}\r\n\r\n[aria-hidden=\"false\"][hidden]:not(:focus) {\r\n  clip: rect(0, 0, 0, 0);\r\n  position: absolute;\r\n}\r\n\r\n// User interaction\r\n// Remove the tapping delay in IE 10\r\na,\r\narea,\r\nbutton,\r\ninput,\r\nlabel,\r\nselect,\r\nsummary,\r\ntextarea,\r\n[tabindex] {\r\n  -ms-touch-action: manipulation;\r\n}\r\n\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n[dir=\"rtl\"] {\r\n  direction: rtl;\r\n}\r\n"]}
\ No newline at end of file
diff --git a/css/themes/default.css b/css/themes/default.css
index d9579970..f1ae003b 100644
--- a/css/themes/default.css
+++ b/css/themes/default.css
@@ -194,7 +194,6 @@ kbd {
 
 [data-theme=light],
 :root:not([data-theme=dark]) {
-  color-scheme: light;
   --background-color: #fff;
   --color: #415462;
   --h1-color: #1b2832;
@@ -284,11 +283,11 @@ kbd {
   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+  color-scheme: light;
 }
 
 @media only screen and (prefers-color-scheme: dark) {
   :root:not([data-theme=light]) {
-    color-scheme: dark;
     --background-color: #11191f;
     --color: #bbc6ce;
     --h1-color: #edf0f3;
@@ -379,10 +378,10 @@ kbd {
     --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
     --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
     --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+    color-scheme: dark;
   }
 }
 [data-theme=dark] {
-  color-scheme: dark;
   --background-color: #11191f;
   --color: #bbc6ce;
   --h1-color: #edf0f3;
@@ -473,6 +472,7 @@ kbd {
   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+  color-scheme: dark;
 }
 
 /*# sourceMappingURL=default.css.map */
\ No newline at end of file
diff --git a/css/themes/default.css.map b/css/themes/default.css.map
index 347548a4..29accfcd 100644
--- a/css/themes/default.css.map
+++ b/css/themes/default.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../../scss/themes/default.scss","../../scss/themes/default/_styles.scss","default.css","../../scss/themes/default/_light.scss","../../scss/themes/default/_dark.scss"],"names":[],"mappings":"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","file":"default.css","sourcesContent":["/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/**\n * 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  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/*# sourceMappingURL=default.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../../scss/themes/default.scss","../../scss/themes/default/_styles.scss","default.css","../../scss/themes/default/_light.scss","../../scss/themes/default/_dark.scss"],"names":[],"mappings":"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","file":"default.css","sourcesContent":["/**\r\n * Theme: default\r\n */\r\n\r\n// Variables\r\n@import \"../variables\";\r\n@import \"default/colors\";\r\n\r\n// Commons styles\r\n@import \"default/styles\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"default/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"default/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n  :root:not([data-theme=\"light\"]) {\r\n    @include dark;\r\n  }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n  @include dark;\r\n}\r\n","// Commons Styles\r\n:root {\r\n  // Typography\r\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n  --line-height: 1.5;\r\n  --font-weight: 400;\r\n  --font-size: 16px;\r\n\r\n  // Responsive typography\r\n  @if $enable-responsive-typography {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --font-size: 17px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --font-size: 18px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --font-size: 19px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Borders\r\n  --border-radius: 0.25rem;\r\n  --border-width: 1px;\r\n  --outline-width: 3px;\r\n\r\n  // Spacings\r\n  --spacing: 1rem;\r\n\r\n  // Spacings for typography elements\r\n  --typography-spacing-vertical: 1.5rem;\r\n\r\n  // Spacings for body > header, body > main, body > footer, section, article\r\n  --block-spacing-vertical: calc(var(--spacing) * 2);\r\n  --block-spacing-horizontal: var(--spacing);\r\n\r\n  @if ($enable-classes and $enable-grid) {\r\n    --grid-spacing-vertical: 0;\r\n    --grid-spacing-horizontal: var(--spacing);\r\n  }\r\n\r\n  // Spacings for form elements and button\r\n  --form-element-spacing-vertical: 0.75rem;\r\n  --form-element-spacing-horizontal: 1rem;\r\n\r\n  // Font weight for form labels & fieldsets legend\r\n  --form-label-font-weight: var(--font-weight);\r\n\r\n  // Transitions\r\n  --transition: 0.2s ease-in-out;\r\n}\r\n\r\n// Responsives spacings\r\n@if $enable-responsive-spacings {\r\n  // Sectionning\r\n  body > header,\r\n  body > main,\r\n  body > footer,\r\n  section {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 4);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Card (<article>)\r\n  article {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Modal\r\n  dialog > article {\r\n\r\n    --block-spacing-vertical: calc(var(--spacing) * 2);\r\n    --block-spacing-horizontal: var(--spacing);\r\n\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Link\r\na {\r\n  --text-decoration: none;\r\n\r\n  // Secondary & Contrast\r\n  @if $enable-classes {\r\n    &.secondary,\r\n    &.contrast {\r\n      --text-decoration: underline;\r\n    }\r\n  }\r\n}\r\n\r\n// Small\r\nsmall {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  --font-weight: 700;\r\n}\r\n\r\nh1 {\r\n  --font-size: 2rem;\r\n  --typography-spacing-vertical: 3rem;\r\n}\r\n\r\nh2 {\r\n  --font-size: 1.75rem;\r\n  --typography-spacing-vertical: 2.625rem;\r\n}\r\n\r\nh3 {\r\n  --font-size: 1.5rem;\r\n  --typography-spacing-vertical: 2.25rem;\r\n}\r\n\r\nh4 {\r\n  --font-size: 1.25rem;\r\n  --typography-spacing-vertical: 1.874rem;\r\n}\r\n\r\nh5 {\r\n  --font-size: 1.125rem;\r\n  --typography-spacing-vertical: 1.6875rem;\r\n}\r\n\r\n// Forms elements\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  --border-width: 2px;\r\n}\r\n\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --border-width: 3px;\r\n}\r\n\r\n// Table\r\nthead,\r\ntfoot {\r\n  th,\r\n  td {\r\n    --border-width: 3px;\r\n  }\r\n}\r\n\r\n:not(thead):not(tfoot) > * > td {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Code\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\r\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\r\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nkbd {\r\n  --font-weight: bolder;\r\n}\r\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  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    color-scheme: dark;\n  }\n}\n[data-theme=dark] {\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: dark;\n}\n\n/*# sourceMappingURL=default.css.map */\n","// Default: Light theme\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --background-color: #{$white};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-700};\r\n  --h1-color: #{$grey-900};\r\n  --h2-color: #{mix($grey-900, $grey-800)};\r\n  --h3-color: #{$grey-800};\r\n  --h4-color: #{mix($grey-800, $grey-700)};\r\n  --h5-color: #{$grey-700};\r\n  --h6-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{$grey-50};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-700};\r\n  --primary-focus: #{rgba($primary-600, 0.125)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-700};\r\n  --secondary-focus: #{rgba($grey-600, 0.125)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-900};\r\n  --contrast-hover: #{$black};\r\n  --contrast-focus: #{rgba($grey-600, 0.125)};\r\n  --contrast-inverse: #{$white};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($amber-100, $amber-50)};\r\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: transparent;\r\n  --form-element-border-color: #{$grey-300};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: transparent;\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-100};\r\n  --form-element-disabled-border-color: #{$grey-300};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-800};\r\n  --form-element-invalid-active-border-color: #{$red-700};\r\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\r\n  --form-element-valid-border-color: #{$green-700};\r\n  --form-element-valid-active-border-color: #{$green-600};\r\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{$grey-200};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{$grey-100};\r\n  --range-active-border-color: #{$grey-200};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\r\n\r\n  // Code\r\n  --code-background-color: #{$grey-50};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 40%, 50%)};\r\n  --code-property-color: #{hsl(185, 40%, 40%)};\r\n  --code-value-color: #{hsl(40, 20%, 50%)};\r\n  --code-comment-color: #{$grey-300};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: var(--background-color);\r\n  --card-border-color: var(--muted-border-color);\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\r\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\r\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\r\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{$grey-100};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: light;\r\n}\r\n","// Default: Dark theme\r\n@mixin dark {\r\n  --background-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-200};\r\n  --h1-color: #{$grey-50};\r\n  --h2-color: #{mix($grey-100, $grey-50)};\r\n  --h3-color: #{$grey-100};\r\n  --h4-color: #{mix($grey-200, $grey-100)};\r\n  --h5-color: #{$grey-200};\r\n  --h6-color: #{mix($grey-300, $grey-200)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-500};\r\n  --primary-focus: #{rgba($primary-600, 0.25)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-500};\r\n  --secondary-focus: #{rgba($grey-500, 0.25)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-50};\r\n  --contrast-hover: #{$white};\r\n  --contrast-focus: #{rgba($grey-500, 0.25)};\r\n  --contrast-inverse: #{$black};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($grey-300, $amber-300)};\r\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\r\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: var(--form-element-background-color);\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-800};\r\n  --form-element-disabled-border-color: #{$grey-700};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-900};\r\n  --form-element-invalid-active-border-color: #{$red-800};\r\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\r\n  --form-element-valid-border-color: #{$green-800};\r\n  --form-element-valid-active-border-color: #{$green-700};\r\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{mix($grey-800, $grey-700)};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{mix($grey-900, $grey-800)};\r\n  --range-active-border-color: #{$grey-800};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\r\n\r\n  // Code\r\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 30%, 50%)};\r\n  --code-property-color: #{hsl(185, 30%, 50%)};\r\n  --code-value-color: #{hsl(40, 10%, 50%)};\r\n  --code-comment-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-active-summary-color: var(--primary);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: #{mix($black, $grey-900, 25%)};\r\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\r\n    0 0.125rem 2rem #{rgba($black, 0.12)},\r\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\r\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{mix($grey-900, $grey-800)};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: dark;\r\n}\r\n"]}
\ No newline at end of file
diff --git a/css/themes/default.min.css b/css/themes/default.min.css
index 1785cda0..87bca92c 100644
--- a/css/themes/default.min.css
+++ b/css/themes/default.min.css
@@ -1,2 +1,2 @@
-:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}a.contrast,a.secondary{--text-decoration:underline}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead):not(tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{color-scheme:light;--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:#a2afb9;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}}[data-theme=dark]{color-scheme:dark;--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E")}
+:root{--font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--line-height:1.5;--font-weight:400;--font-size:16px;--border-radius:0.25rem;--border-width:1px;--outline-width:3px;--spacing:1rem;--typography-spacing-vertical:1.5rem;--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing);--grid-spacing-vertical:0;--grid-spacing-horizontal:var(--spacing);--form-element-spacing-vertical:0.75rem;--form-element-spacing-horizontal:1rem;--form-label-font-weight:var(--font-weight);--transition:0.2s ease-in-out}@media (min-width:576px){:root{--font-size:17px}}@media (min-width:768px){:root{--font-size:18px}}@media (min-width:992px){:root{--font-size:19px}}@media (min-width:1200px){:root{--font-size:20px}}@media (min-width:576px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 2.5)}}@media (min-width:768px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3)}}@media (min-width:992px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 3.5)}}@media (min-width:1200px){body>footer,body>header,body>main,section{--block-spacing-vertical:calc(var(--spacing) * 4)}}@media (min-width:576px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}@media (min-width:992px){article{--block-spacing-horizontal:calc(var(--spacing) * 1.75)}}@media (min-width:1200px){article{--block-spacing-horizontal:calc(var(--spacing) * 2)}}dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2);--block-spacing-horizontal:var(--spacing)}@media (min-width:576px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 2.5);--block-spacing-horizontal:calc(var(--spacing) * 1.25)}}@media (min-width:768px){dialog>article{--block-spacing-vertical:calc(var(--spacing) * 3);--block-spacing-horizontal:calc(var(--spacing) * 1.5)}}a{--text-decoration:none}a.contrast,a.secondary{--text-decoration:underline}small{--font-size:0.875em}h1,h2,h3,h4,h5,h6{--font-weight:700}h1{--font-size:2rem;--typography-spacing-vertical:3rem}h2{--font-size:1.75rem;--typography-spacing-vertical:2.625rem}h3{--font-size:1.5rem;--typography-spacing-vertical:2.25rem}h4{--font-size:1.25rem;--typography-spacing-vertical:1.874rem}h5{--font-size:1.125rem;--typography-spacing-vertical:1.6875rem}[type=checkbox],[type=radio]{--border-width:2px}[type=checkbox][role=switch]{--border-width:3px}tfoot td,tfoot th,thead td,thead th{--border-width:3px}:not(thead):not(tfoot)>*>td{--font-size:0.875em}code,kbd,pre,samp{--font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}kbd{--font-weight:bolder}:root:not([data-theme=dark]),[data-theme=light]{--background-color:#fff;--color:#415462;--h1-color:#1b2832;--h2-color:#24333e;--h3-color:#2c3d49;--h4-color:#374956;--h5-color:#415462;--h6-color:#4d606d;--muted-color:#73828c;--muted-border-color:#edf0f3;--primary:#1095c1;--primary-hover:#08769b;--primary-focus:rgba(16, 149, 193, 0.125);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#415462;--secondary-focus:rgba(89, 107, 120, 0.125);--secondary-inverse:#fff;--contrast:#1b2832;--contrast-hover:#000;--contrast-focus:rgba(89, 107, 120, 0.125);--contrast-inverse:#fff;--mark-background-color:#fff2ca;--mark-color:#543a26;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:transparent;--form-element-border-color:#a2afb9;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:transparent;--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#d5dce2;--form-element-disabled-border-color:#a2afb9;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#c62828;--form-element-invalid-active-border-color:#d32f2f;--form-element-invalid-focus-color:rgba(211, 47, 47, 0.125);--form-element-valid-border-color:#388e3c;--form-element-valid-active-border-color:#43a047;--form-element-valid-focus-color:rgba(67, 160, 71, 0.125);--switch-background-color:#bbc6ce;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#d5dce2;--range-active-border-color:#bbc6ce;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:#f6f8f9;--code-background-color:#edf0f3;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#b34d80;--code-property-color:#3d888f;--code-value-color:#998866;--code-comment-color:#a2afb9;--accordion-border-color:var(--muted-border-color);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:var(--background-color);--card-border-color:var(--muted-border-color);--card-box-shadow:0 0.125rem 1rem rgba(27, 40, 50, 0.04),0 0.125rem 2rem rgba(27, 40, 50, 0.08),0 0 0 0.0625rem rgba(27, 40, 50, 0.024);--card-sectionning-background-color:#fbfbfc;--modal-overlay-background-color:rgba(213, 220, 226, 0.8);--progress-background-color:#d5dce2;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:light}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}}[data-theme=dark]{--background-color:#11191f;--color:#bbc6ce;--h1-color:#edf0f3;--h2-color:#e1e6eb;--h3-color:#d5dce2;--h4-color:#c8d1d8;--h5-color:#bbc6ce;--h6-color:#afbbc4;--muted-color:#73828c;--muted-border-color:#1f2d38;--primary:#1095c1;--primary-hover:#1ab3e6;--primary-focus:rgba(16, 149, 193, 0.25);--primary-inverse:#fff;--secondary:#596b78;--secondary-hover:#73828c;--secondary-focus:rgba(115, 130, 140, 0.25);--secondary-inverse:#fff;--contrast:#edf0f3;--contrast-hover:#fff;--contrast-focus:rgba(115, 130, 140, 0.25);--contrast-inverse:#000;--mark-background-color:#d1c284;--mark-color:#11191f;--ins-color:#388e3c;--del-color:#c62828;--blockquote-border-color:var(--muted-border-color);--blockquote-footer-color:var(--muted-color);--button-box-shadow:0 0 0 rgba(0, 0, 0, 0);--button-hover-box-shadow:0 0 0 rgba(0, 0, 0, 0);--form-element-background-color:#11191f;--form-element-border-color:#374956;--form-element-color:var(--color);--form-element-placeholder-color:var(--muted-color);--form-element-active-background-color:var(--form-element-background-color);--form-element-active-border-color:var(--primary);--form-element-focus-color:var(--primary-focus);--form-element-disabled-background-color:#2c3d49;--form-element-disabled-border-color:#415462;--form-element-disabled-opacity:0.5;--form-element-invalid-border-color:#b71c1c;--form-element-invalid-active-border-color:#c62828;--form-element-invalid-focus-color:rgba(198, 40, 40, 0.25);--form-element-valid-border-color:#2e7d32;--form-element-valid-active-border-color:#388e3c;--form-element-valid-focus-color:rgba(56, 142, 60, 0.25);--switch-background-color:#374956;--switch-color:var(--primary-inverse);--switch-checked-background-color:var(--primary);--range-border-color:#24333e;--range-active-border-color:#2c3d49;--range-thumb-border-color:var(--background-color);--range-thumb-color:var(--secondary);--range-thumb-hover-color:var(--secondary-hover);--range-thumb-active-color:var(--primary);--table-border-color:var(--muted-border-color);--table-row-stripped-background-color:rgba(115, 130, 140, 0.05);--code-background-color:#18232c;--code-color:var(--muted-color);--code-kbd-background-color:var(--contrast);--code-kbd-color:var(--contrast-inverse);--code-tag-color:#a65980;--code-property-color:#599fa6;--code-value-color:#8c8473;--code-comment-color:#4d606d;--accordion-border-color:var(--muted-border-color);--accordion-active-summary-color:var(--primary);--accordion-close-summary-color:var(--color);--accordion-open-summary-color:var(--muted-color);--card-background-color:#141e26;--card-border-color:#11191f;--card-box-shadow:0 0.125rem 1rem rgba(0, 0, 0, 0.06),0 0.125rem 2rem rgba(0, 0, 0, 0.12),0 0 0 0.0625rem rgba(0, 0, 0, 0.036);--card-sectionning-background-color:#18232c;--modal-overlay-background-color:rgba(36, 51, 62, 0.9);--progress-background-color:#24333e;--progress-color:var(--primary);--loading-spinner-opacity:0.5;--tooltip-background-color:var(--contrast);--tooltip-color:var(--contrast-inverse);--icon-checkbox:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");--icon-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");--icon-close:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");--icon-date:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");--icon-invalid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");--icon-minus:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");--icon-search:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");--icon-time:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");--icon-valid:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");color-scheme:dark}
 /*# sourceMappingURL=default.min.css.map */
\ No newline at end of file
diff --git a/css/themes/default.min.css.map b/css/themes/default.min.css.map
index cb2ac1d0..ed4f8c32 100644
--- a/css/themes/default.min.css.map
+++ b/css/themes/default.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["scss/themes/default/_styles.scss","css/themes/default.css","scss/themes/default/_light.scss","scss/themes/default.scss","scss/themes/default/_dark.scss"],"names":[],"mappings":"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","sourcesContent":["// Commons Styles\n:root {\n  // Typography\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n\n  // Responsive typography\n  @if $enable-responsive-typography {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --font-size: 17px;\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --font-size: 18px;\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --font-size: 19px;\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --font-size: 20px;\n      }\n    }\n  }\n\n  // Borders\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n\n  // Spacings\n  --spacing: 1rem;\n\n  // Spacings for typography elements\n  --typography-spacing-vertical: 1.5rem;\n\n  // Spacings for body > header, body > main, body > footer, section, article\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n\n  @if ($enable-classes and $enable-grid) {\n    --grid-spacing-vertical: 0;\n    --grid-spacing-horizontal: var(--spacing);\n  }\n\n  // Spacings for form elements and button\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n\n  // Font weight for form labels & fieldsets legend\n  --form-label-font-weight: var(--font-weight);\n\n  // Transitions\n  --transition: 0.2s ease-in-out;\n}\n\n// Responsives spacings\n@if $enable-responsive-spacings {\n  // Sectionning\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 4);\n      }\n    }\n  }\n\n  // Card (<article>)\n  article {\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n\n    @if map-get($breakpoints, \"lg\") {\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      }\n    }\n\n    @if map-get($breakpoints, \"xl\") {\n      @media (min-width: map-get($breakpoints, \"xl\")) {\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\n      }\n    }\n  }\n\n  // Modal\n  dialog > article {\n\n    --block-spacing-vertical: calc(var(--spacing) * 2);\n    --block-spacing-horizontal: var(--spacing);\n\n    @if map-get($breakpoints, \"sm\") {\n      @media (min-width: map-get($breakpoints, \"sm\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n      }\n    }\n\n    @if map-get($breakpoints, \"md\") {\n      @media (min-width: map-get($breakpoints, \"md\")) {\n        --block-spacing-vertical: calc(var(--spacing) * 3);\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n      }\n    }\n  }\n}\n\n// Link\na {\n  --text-decoration: none;\n\n  // Secondary & Contrast\n  @if $enable-classes {\n    &.secondary,\n    &.contrast {\n      --text-decoration: underline;\n    }\n  }\n}\n\n// Small\nsmall {\n  --font-size: 0.875em;\n}\n\n// Headings\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n// Forms elements\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  --border-width: 2px;\n}\n\n[type=\"checkbox\"][role=\"switch\"] {\n  --border-width: 3px;\n}\n\n// Table\nthead,\ntfoot {\n  th,\n  td {\n    --border-width: 3px;\n  }\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\n// Code\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n","/**\n * 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  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  color-scheme: light;\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    color-scheme: dark;\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  }\n}\n[data-theme=dark] {\n  color-scheme: dark;\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n/*# sourceMappingURL=default.css.map */\n","// Default: Light theme\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  // Document\n  color-scheme: light;\n  --background-color: #{$white};\n\n  // Texts colors\n  --color: #{$grey-700};\n  --h1-color: #{$grey-900};\n  --h2-color: #{mix($grey-900, $grey-800)};\n  --h3-color: #{$grey-800};\n  --h4-color: #{mix($grey-800, $grey-700)};\n  --h5-color: #{$grey-700};\n  --h6-color: #{mix($grey-700, $grey-600)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{$grey-50};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-700};\n  --primary-focus: #{rgba($primary-600, 0.125)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-700};\n  --secondary-focus: #{rgba($grey-600, 0.125)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-900};\n  --contrast-hover: #{$black};\n  --contrast-focus: #{rgba($grey-600, 0.125)};\n  --contrast-inverse: #{$white};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($amber-100, $amber-50)};\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: transparent;\n  --form-element-border-color: #{$grey-300};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-100};\n  --form-element-disabled-border-color: #{$grey-300};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-800};\n  --form-element-invalid-active-border-color: #{$red-700};\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\n  --form-element-valid-border-color: #{$green-700};\n  --form-element-valid-active-border-color: #{$green-600};\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{$grey-200};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{$grey-100};\n  --range-active-border-color: #{$grey-200};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\n\n  // Code\n  --code-background-color: #{$grey-50};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 40%, 50%)};\n  --code-property-color: #{hsl(185, 40%, 40%)};\n  --code-value-color: #{hsl(40, 20%, 50%)};\n  --code-comment-color: #{$grey-300};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\n\n  // Progress\n  --progress-background-color: #{$grey-100};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/**\n * Theme: default\n */\n\n// Variables\n@import \"../variables\";\n@import \"default/colors\";\n\n// Commons styles\n@import \"default/styles\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"default/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"default/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Default: Dark theme\n@mixin dark {\n  // Document\n  color-scheme: dark;\n  --background-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Texts colors\n  --color: #{$grey-200};\n  --h1-color: #{$grey-50};\n  --h2-color: #{mix($grey-100, $grey-50)};\n  --h3-color: #{$grey-100};\n  --h4-color: #{mix($grey-200, $grey-100)};\n  --h5-color: #{$grey-200};\n  --h6-color: #{mix($grey-300, $grey-200)};\n\n  // Muted colors\n  --muted-color: #{$grey-500};\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\n\n  // Primary colors\n  --primary: #{$primary-600};\n  --primary-hover: #{$primary-500};\n  --primary-focus: #{rgba($primary-600, 0.25)};\n  --primary-inverse: #{$white};\n\n  // Secondary colors\n  --secondary: #{$grey-600};\n  --secondary-hover: #{$grey-500};\n  --secondary-focus: #{rgba($grey-500, 0.25)};\n  --secondary-inverse: #{$white};\n\n  // Contrast colors\n  --contrast: #{$grey-50};\n  --contrast-hover: #{$white};\n  --contrast-focus: #{rgba($grey-500, 0.25)};\n  --contrast-inverse: #{$black};\n\n  // Highlighted text (<mark>)\n  --mark-background-color: #{mix($grey-300, $amber-300)};\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\n\n  // Inserted (<ins>) & Deleted (<ins>)\n  --ins-color: #{$green-700};\n  --del-color: #{$red-800};\n\n  // Blockquote\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n\n  // Button\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\n  // Don't use, 'none, 'false, 'null', '0', etc.\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n\n  // Form elements\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #{$grey-800};\n  --form-element-disabled-border-color: #{$grey-700};\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #{$red-900};\n  --form-element-invalid-active-border-color: #{$red-800};\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\n  --form-element-valid-border-color: #{$green-800};\n  --form-element-valid-active-border-color: #{$green-700};\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  --switch-background-color: #{mix($grey-800, $grey-700)};\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n\n  // Range (input[type=\"range\"])\n  --range-border-color: #{mix($grey-900, $grey-800)};\n  --range-active-border-color: #{$grey-800};\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n\n  // Table\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\n\n  // Code\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #{hsl(330, 30%, 50%)};\n  --code-property-color: #{hsl(185, 30%, 50%)};\n  --code-value-color: #{hsl(40, 10%, 50%)};\n  --code-comment-color: #{mix($grey-700, $grey-600)};\n\n  // Accordion (<details>)\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n\n  // Card (<article>)\n  --card-background-color: #{mix($black, $grey-900, 25%)};\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\n    0 0.125rem 2rem #{rgba($black, 0.12)},\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\n\n  // Modal (<dialog>)\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\n\n  // Progress\n  --progress-background-color: #{mix($grey-900, $grey-800)};\n  --progress-color: var(--primary);\n\n  // Loading ([aria-busy=true])\n  --loading-spinner-opacity: 0.5;\n\n  // Tooltip ([data-tooltip])\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n\n  // Icons\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["scss\\themes\\default\\_styles.scss","css\\themes\\default.css","scss\\themes\\default\\_light.scss","scss\\themes\\default.scss","scss\\themes\\default\\_dark.scss"],"names":[],"mappings":"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","sourcesContent":["// Commons Styles\r\n:root {\r\n  // Typography\r\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n  --line-height: 1.5;\r\n  --font-weight: 400;\r\n  --font-size: 16px;\r\n\r\n  // Responsive typography\r\n  @if $enable-responsive-typography {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --font-size: 17px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --font-size: 18px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --font-size: 19px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Borders\r\n  --border-radius: 0.25rem;\r\n  --border-width: 1px;\r\n  --outline-width: 3px;\r\n\r\n  // Spacings\r\n  --spacing: 1rem;\r\n\r\n  // Spacings for typography elements\r\n  --typography-spacing-vertical: 1.5rem;\r\n\r\n  // Spacings for body > header, body > main, body > footer, section, article\r\n  --block-spacing-vertical: calc(var(--spacing) * 2);\r\n  --block-spacing-horizontal: var(--spacing);\r\n\r\n  @if ($enable-classes and $enable-grid) {\r\n    --grid-spacing-vertical: 0;\r\n    --grid-spacing-horizontal: var(--spacing);\r\n  }\r\n\r\n  // Spacings for form elements and button\r\n  --form-element-spacing-vertical: 0.75rem;\r\n  --form-element-spacing-horizontal: 1rem;\r\n\r\n  // Font weight for form labels & fieldsets legend\r\n  --form-label-font-weight: var(--font-weight);\r\n\r\n  // Transitions\r\n  --transition: 0.2s ease-in-out;\r\n}\r\n\r\n// Responsives spacings\r\n@if $enable-responsive-spacings {\r\n  // Sectionning\r\n  body > header,\r\n  body > main,\r\n  body > footer,\r\n  section {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 4);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Card (<article>)\r\n  article {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n      }\r\n    }\r\n  }\r\n\r\n  // Modal\r\n  dialog > article {\r\n\r\n    --block-spacing-vertical: calc(var(--spacing) * 2);\r\n    --block-spacing-horizontal: var(--spacing);\r\n\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --block-spacing-vertical: calc(var(--spacing) * 3);\r\n        --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Link\r\na {\r\n  --text-decoration: none;\r\n\r\n  // Secondary & Contrast\r\n  @if $enable-classes {\r\n    &.secondary,\r\n    &.contrast {\r\n      --text-decoration: underline;\r\n    }\r\n  }\r\n}\r\n\r\n// Small\r\nsmall {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  --font-weight: 700;\r\n}\r\n\r\nh1 {\r\n  --font-size: 2rem;\r\n  --typography-spacing-vertical: 3rem;\r\n}\r\n\r\nh2 {\r\n  --font-size: 1.75rem;\r\n  --typography-spacing-vertical: 2.625rem;\r\n}\r\n\r\nh3 {\r\n  --font-size: 1.5rem;\r\n  --typography-spacing-vertical: 2.25rem;\r\n}\r\n\r\nh4 {\r\n  --font-size: 1.25rem;\r\n  --typography-spacing-vertical: 1.874rem;\r\n}\r\n\r\nh5 {\r\n  --font-size: 1.125rem;\r\n  --typography-spacing-vertical: 1.6875rem;\r\n}\r\n\r\n// Forms elements\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  --border-width: 2px;\r\n}\r\n\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --border-width: 3px;\r\n}\r\n\r\n// Table\r\nthead,\r\ntfoot {\r\n  th,\r\n  td {\r\n    --border-width: 3px;\r\n  }\r\n}\r\n\r\n:not(thead):not(tfoot) > * > td {\r\n  --font-size: 0.875em;\r\n}\r\n\r\n// Code\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\r\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\r\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nkbd {\r\n  --font-weight: bolder;\r\n}\r\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  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  body > header,\nbody > main,\nbody > footer,\nsection {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\na.secondary, a.contrast {\n  --text-decoration: underline;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --background-color: #fff;\n  --color: #415462;\n  --h1-color: #1b2832;\n  --h2-color: #24333e;\n  --h3-color: #2c3d49;\n  --h4-color: #374956;\n  --h5-color: #415462;\n  --h6-color: #4d606d;\n  --muted-color: #73828c;\n  --muted-border-color: #edf0f3;\n  --primary: #1095c1;\n  --primary-hover: #08769b;\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #415462;\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: #1b2832;\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: #a2afb9;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #d5dce2;\n  --form-element-disabled-border-color: #a2afb9;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: #bbc6ce;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #d5dce2;\n  --range-active-border-color: #bbc6ce;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: #edf0f3;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #b34d80;\n  --code-property-color: #3d888f;\n  --code-value-color: #998866;\n  --code-comment-color: #a2afb9;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n    0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n  --card-sectionning-background-color: #fbfbfc;\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n  --progress-background-color: #d5dce2;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --background-color: #11191f;\n    --color: #bbc6ce;\n    --h1-color: #edf0f3;\n    --h2-color: #e1e6eb;\n    --h3-color: #d5dce2;\n    --h4-color: #c8d1d8;\n    --h5-color: #bbc6ce;\n    --h6-color: #afbbc4;\n    --muted-color: #73828c;\n    --muted-border-color: #1f2d38;\n    --primary: #1095c1;\n    --primary-hover: #1ab3e6;\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: #596b78;\n    --secondary-hover: #73828c;\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: #edf0f3;\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: #2c3d49;\n    --form-element-disabled-border-color: #415462;\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: #2c3d49;\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: #a65980;\n    --code-property-color: #599fa6;\n    --code-value-color: #8c8473;\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: #11191f;\n    --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n      0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n    --card-sectionning-background-color: #18232c;\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    color-scheme: dark;\n  }\n}\n[data-theme=dark] {\n  --background-color: #11191f;\n  --color: #bbc6ce;\n  --h1-color: #edf0f3;\n  --h2-color: #e1e6eb;\n  --h3-color: #d5dce2;\n  --h4-color: #c8d1d8;\n  --h5-color: #bbc6ce;\n  --h6-color: #afbbc4;\n  --muted-color: #73828c;\n  --muted-border-color: #1f2d38;\n  --primary: #1095c1;\n  --primary-hover: #1ab3e6;\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: #596b78;\n  --secondary-hover: #73828c;\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: #edf0f3;\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: #2c3d49;\n  --form-element-disabled-border-color: #415462;\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: #2c3d49;\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: #a65980;\n  --code-property-color: #599fa6;\n  --code-value-color: #8c8473;\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: #11191f;\n  --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n    0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n  --card-sectionning-background-color: #18232c;\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: dark;\n}\n\n/*# sourceMappingURL=default.css.map */","// Default: Light theme\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --background-color: #{$white};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-700};\r\n  --h1-color: #{$grey-900};\r\n  --h2-color: #{mix($grey-900, $grey-800)};\r\n  --h3-color: #{$grey-800};\r\n  --h4-color: #{mix($grey-800, $grey-700)};\r\n  --h5-color: #{$grey-700};\r\n  --h6-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{$grey-50};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-700};\r\n  --primary-focus: #{rgba($primary-600, 0.125)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-700};\r\n  --secondary-focus: #{rgba($grey-600, 0.125)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-900};\r\n  --contrast-hover: #{$black};\r\n  --contrast-focus: #{rgba($grey-600, 0.125)};\r\n  --contrast-inverse: #{$white};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($amber-100, $amber-50)};\r\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: transparent;\r\n  --form-element-border-color: #{$grey-300};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: transparent;\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-100};\r\n  --form-element-disabled-border-color: #{$grey-300};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-800};\r\n  --form-element-invalid-active-border-color: #{$red-700};\r\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\r\n  --form-element-valid-border-color: #{$green-700};\r\n  --form-element-valid-active-border-color: #{$green-600};\r\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{$grey-200};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{$grey-100};\r\n  --range-active-border-color: #{$grey-200};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\r\n\r\n  // Code\r\n  --code-background-color: #{$grey-50};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 40%, 50%)};\r\n  --code-property-color: #{hsl(185, 40%, 40%)};\r\n  --code-value-color: #{hsl(40, 20%, 50%)};\r\n  --code-comment-color: #{$grey-300};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: var(--background-color);\r\n  --card-border-color: var(--muted-border-color);\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\r\n    0 0.125rem 2rem #{rgba($grey-900, 0.08)},\r\n    0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\r\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{$grey-100};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: light;\r\n}\r\n","/**\r\n * Theme: default\r\n */\r\n\r\n// Variables\r\n@import \"../variables\";\r\n@import \"default/colors\";\r\n\r\n// Commons styles\r\n@import \"default/styles\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"default/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"default/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n  :root:not([data-theme=\"light\"]) {\r\n    @include dark;\r\n  }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n  @include dark;\r\n}\r\n","// Default: Dark theme\r\n@mixin dark {\r\n  --background-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-200};\r\n  --h1-color: #{$grey-50};\r\n  --h2-color: #{mix($grey-100, $grey-50)};\r\n  --h3-color: #{$grey-100};\r\n  --h4-color: #{mix($grey-200, $grey-100)};\r\n  --h5-color: #{$grey-200};\r\n  --h6-color: #{mix($grey-300, $grey-200)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-500};\r\n  --primary-focus: #{rgba($primary-600, 0.25)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-500};\r\n  --secondary-focus: #{rgba($grey-500, 0.25)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-50};\r\n  --contrast-hover: #{$white};\r\n  --contrast-focus: #{rgba($grey-500, 0.25)};\r\n  --contrast-inverse: #{$black};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($grey-300, $amber-300)};\r\n  --mark-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\r\n  --form-element-border-color: #{mix($grey-800, $grey-700)};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: var(--form-element-background-color);\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-800};\r\n  --form-element-disabled-border-color: #{$grey-700};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-900};\r\n  --form-element-invalid-active-border-color: #{$red-800};\r\n  --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\r\n  --form-element-valid-border-color: #{$green-800};\r\n  --form-element-valid-active-border-color: #{$green-700};\r\n  --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{mix($grey-800, $grey-700)};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{mix($grey-900, $grey-800)};\r\n  --range-active-border-color: #{$grey-800};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\r\n\r\n  // Code\r\n  --code-background-color: #{mix($black, $grey-900, 12.5%)};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 30%, 50%)};\r\n  --code-property-color: #{hsl(185, 30%, 50%)};\r\n  --code-value-color: #{hsl(40, 10%, 50%)};\r\n  --code-comment-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-active-summary-color: var(--primary);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  --card-background-color: #{mix($black, $grey-900, 25%)};\r\n  --card-border-color: #{mix($black, $grey-900, 37.5%)};\r\n  --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\r\n    0 0.125rem 2rem #{rgba($black, 0.12)},\r\n    0 0 0 0.0625rem #{rgba($black, 0.036)};\r\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\r\n\r\n  // Progress\r\n  --progress-background-color: #{mix($grey-900, $grey-800)};\r\n  --progress-color: var(--primary);\r\n\r\n  // Loading ([aria-busy=true])\r\n  --loading-spinner-opacity: 0.5;\r\n\r\n  // Tooltip ([data-tooltip])\r\n  --tooltip-background-color: var(--contrast);\r\n  --tooltip-color: var(--contrast-inverse);\r\n\r\n  // Icons\r\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  // Document\r\n  color-scheme: dark;\r\n}\r\n"]}
\ No newline at end of file
diff --git a/docs/css/pico.docs.css.map b/docs/css/pico.docs.css.map
index 63d824f2..70803ac3 100644
--- a/docs/css/pico.docs.css.map
+++ b/docs/css/pico.docs.css.map
@@ -1 +1 @@
-{"version":3,"sources":["../scss/pico.docs.scss","../scss/themes/_docs.scss","../scss/themes/docs/_icons.scss","pico.docs.css","../scss/themes/docs/_light.scss","../scss/themes/docs/_dark.scss","../scss/layout/_document.scss","../scss/layout/_main.scss","../scss/layout/_aside.scss","../scss/layout/_documentation.scss","../scss/content/_typography.scss","../scss/content/_code.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_theme-switcher.scss"],"names":[],"mappings":"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","file":"pico.docs.css","sourcesContent":["/*!\n * Pico: Customs styles for Docs\n */\n\n// Config\n@import \"../../scss/variables\";\n\n// Theming\n@import \"themes/docs\";\n\n// Layout\n@import \"layout/document\";\n@import \"layout/main\";\n@import \"layout/aside\";\n@import \"layout/documentation\";\n\n// Content\n@import \"content/typography\";\n@import \"content/code\";\n\n// Components\n@import \"components/modal\";\n@import \"components/nav\";\n@import \"components/theme-switcher\";\n","/**\n * Theme: Additions for docs\n */\n\n@import \"../../../scss/themes/default/colors\";\n@import \"docs/icons\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"docs/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"docs/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Icons\n// Source: https://feathericons.com/\n:root {\n  --icon-external: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/*!\n * Pico: Customs styles for Docs\n */\n/**\n * Theme: Additions for docs\n */\n:root {\n  --icon-external: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --invalid-color: #c62828;\n  --valid-color: #388e3c;\n  --nav-background-color: rgba(255, 255, 255, 0.7);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #fff;\n  --article-code-background-color: #f9fafb;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --invalid-color: rgba(183, 28, 28, 0.5);\n    --valid-color: rgba(46, 125, 50, 0.5);\n    --nav-background-color: rgba(16, 24, 30, 0.8);\n    --nav-border-color: rgba(115, 130, 140, 0.2);\n    --nav-logo-color: #0e1419;\n    --article-code-background-color: var(--code-background-color);\n  }\n}\n[data-theme=dark] {\n  --invalid-color: rgba(183, 28, 28, 0.5);\n  --valid-color: rgba(46, 125, 50, 0.5);\n  --nav-background-color: rgba(16, 24, 30, 0.8);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #0e1419;\n  --article-code-background-color: var(--code-background-color);\n}\n\n/**\n * Docs: Document\n */\nhtml {\n  scroll-behavior: smooth;\n}\n\n/**\n * Docs: Main (Grid)\n */\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + 3.5rem);\n}\n@media (min-width: 992px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n    display: grid;\n    grid-template-columns: 200px auto;\n  }\n}\n@media (min-width: 1200px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\nbody > main > aside,\nbody > main div[role=document] {\n  min-width: 0;\n}\n\ndiv[role=document] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\nsvg {\n  height: 1rem;\n}\n\n/**\n * Docs: Aside\n */\nmain > aside nav {\n  width: 100%;\n  padding-bottom: var(--block-spacing-vertical);\n}\n@media (min-width: 992px) {\n  main > aside nav {\n    position: fixed;\n    width: 200px;\n    max-height: calc(100vh - 5.5rem);\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\nmain > aside nav a#toggle-docs-navigation {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\nmain > aside nav a#toggle-docs-navigation svg {\n  margin-right: calc(var(--spacing) * 0.5);\n  vertical-align: -3px;\n}\n@media (min-width: 992px) {\n  main > aside nav a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {\n  display: none;\n}\nmain > aside nav.closed-on-mobile details {\n  display: none;\n}\n@media (min-width: 992px) {\n  main > aside nav.closed-on-mobile details {\n    display: block;\n  }\n  main > aside nav.closed-on-mobile > a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.open a#toggle-docs-navigation svg.expand {\n  display: none;\n}\nmain > aside li,\nmain > aside summary {\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 16px;\n}\nmain > aside li a {\n  padding: 0.375rem 0.5rem;\n}\nmain > aside li a svg {\n  vertical-align: middle;\n}\nmain > aside a.secondary:focus {\n  background-color: transparent;\n  color: var(--primary-hover);\n}\nmain > aside a.active,\nmain > aside a.active:hover {\n  color: var(--primary);\n}\nmain > aside details {\n  border-bottom: none;\n}\nmain > aside details summary {\n  color: var(--h1-color);\n  font-weight: 300;\n  font-size: 14px;\n  text-transform: uppercase;\n}\nmain > aside details summary::after {\n  display: none;\n}\nmain > aside details[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.75);\n}\nmain > aside details[open] > summary:not(:focus) {\n  color: var(--h1-color);\n}\n\n/**\n * Docs: Documentation\n */\n#themes button.theme-switcher:first-of-type {\n  --font-weight: bold;\n}\n#themes button.theme-switcher i {\n  font-style: normal;\n}\n\n#customization figure {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(9, 1fr);\n  margin-bottom: 0;\n  overflow: hidden;\n}\n@media (min-width: 576px) {\n  #customization figure {\n    grid-template-rows: 1fr;\n    grid-template-columns: repeat(18, 1fr);\n    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n}\n#customization figure ~ article {\n  margin-top: 0;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n#customization figure button {\n  margin-bottom: 0;\n  padding: 0;\n  padding-top: 100%;\n  border: none;\n  border-radius: 0;\n}\n#customization figure button:focus {\n  box-shadow: none;\n}\n#customization figure button.picked {\n  background-image: var(--icon-check);\n  background-position: center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n}\n#customization figure button[data-color=lime].picked, #customization figure button[data-color=yellow].picked, #customization figure button[data-color=amber].picked {\n  background-image: var(--icon-check-dark);\n}\n#customization h4 {\n  transition: color var(--transition);\n}\n#customization pre[data-theme=generated] {\n  border-color: var(--primary);\n}\n\n#grid {\n  --grid-spacing-vertical: 1rem;\n}\n#grid button {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n@media (min-width: 576px) {\n  #grid button {\n    display: inline-block;\n    width: auto;\n    margin-right: 0.5rem;\n  }\n}\n#grid button svg {\n  stroke: var(--secondary);\n  margin-right: 0.5rem;\n  border: 2px solid currentColor;\n  border-radius: 1rem;\n  background: currentColor;\n}\n#grid .grid > * {\n  padding: calc(var(--spacing) / 2) 0;\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  font-size: 87.5%;\n  text-align: center;\n}\n#grid details {\n  margin-top: calc(var(--typography-spacing-vertical) * 2);\n}\n#grid details svg {\n  vertical-align: bottom;\n}\n\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n#modal button {\n  --font-weight: bold;\n}\n\n/**\n * Docs: Typography\n */\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=button] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=document] section > h1,\n[role=document] section > h2,\n[role=document] section > h3 {\n  line-height: 1;\n}\n\n/**\n * Docs: Code\n */\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\n\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n[data-theme=invalid],\n[data-theme=valid] {\n  position: relative;\n  margin-bottom: 0 !important;\n}\n[data-theme=invalid]:before,\n[data-theme=valid]:before {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0.375rem 0.75rem;\n  border-radius: 0;\n  color: var(--primary-inverse);\n  font-size: 14px;\n  line-height: 1;\n}\n@media (min-width: 992px) {\n  [data-theme=invalid]:before,\n[data-theme=valid]:before {\n    top: var(--spacing);\n    right: var(--spacing);\n  }\n}\n[data-theme=invalid] code,\n[data-theme=valid] code {\n  padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem) var(--block-spacing-horizontal);\n}\n\n[data-theme=invalid]:before {\n  background: var(--invalid-color);\n  content: \"Not so great\";\n}\n\n[data-theme=valid]:before {\n  background: var(--valid-color);\n  content: \"Great\";\n}\n\n/**\n * Docs: Modal\n */\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color: inherit;\n}\ndialog.example article {\n  max-width: inherit;\n}\ndialog.example:not([open]), dialog.example[open=false] {\n  display: none;\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}\n\n/**\n * Docs: Navs\n */\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n}\nbody > nav.container-fluid {\n  padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n}\nbody > nav a {\n  border-radius: 0;\n}\nbody > nav svg {\n  vertical-align: text-bottom;\n}\nbody > nav ul:first-of-type li:first-of-type a {\n  width: 3.5rem;\n  height: 3.5rem;\n  margin-left: calc(var(--spacing) * -1);\n  padding: 0;\n  background: var(--h1-color);\n  color: var(--nav-logo-color);\n}\nbody > nav ul:first-of-type li:first-of-type a svg {\n  height: 3.5rem;\n}\nbody > nav ul:first-of-type li:nth-of-type(2) {\n  display: none;\n  margin-left: var(--spacing);\n  color: var(--h1-color);\n}\n@media (min-width: 992px) {\n  body > nav ul:first-of-type li:nth-of-type(2) {\n    display: inline;\n  }\n}\n\n/**\n * Docs: Theme switcher\n */\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n}\n.switcher::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  border: 0.15rem solid currentColor;\n  border-radius: 50%;\n  background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);\n  content: \"\";\n  vertical-align: bottom;\n  transition: transform var(--transition);\n}\n.switcher i {\n  display: inline-block;\n  max-width: 0;\n  padding: 0;\n  overflow: hidden;\n  font-style: normal;\n  font-size: 0.875rem;\n  white-space: nowrap;\n}\n.switcher:hover, .switcher:focus {\n  max-width: 100%;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n.switcher:hover::after {\n  transform: rotate(180deg);\n}\n.switcher:hover i {\n  max-width: 100%;\n  padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n  transition: max-width var(--transition), padding var(--transition);\n}\n.switcher:focus {\n  box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n}\n@media (min-width: 576px) {\n  .switcher {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n\n/*# sourceMappingURL=pico.docs.css.map */\n","// Light theme (Default) [Additions for docs]\n// Can be forced with data-theme=\"light\"\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  --invalid-color: #{$red-800};\n  --valid-color: #{$green-700};\n  --nav-background-color: #{rgba($white, 0.7)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{$white};\n  --article-code-background-color: #{mix($grey-50, $white, 33%)};\n}\n","// Dark theme [Additions for docs]\n@mixin dark {\n  --invalid-color: #{rgba($red-900, 0.5)};\n  --valid-color: #{rgba($green-800, 0.5)};\n  --nav-background-color: #{rgba(darken($grey-900, 6%), 0.8)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{mix($black, $grey-900)};\n  --article-code-background-color: var(--code-background-color);\n}\n","/**\n * Docs: Document\n */\n\nhtml {\n  scroll-behavior: smooth;\n}\n","/**\n * Docs: Main (Grid)\n */\n\n// Config\n$navHeight: 3.5rem;\n\n// Main grid\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + #{$navHeight});\n\n  @if map-get($breakpoints, \"lg\") {\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n      display: grid;\n      grid-template-columns: 200px auto;\n    }\n  }\n\n  @if map-get($breakpoints, \"xl\") {\n    @media (min-width: map-get($breakpoints, \"xl\")) {\n      --block-spacing-horizontal: calc(var(--spacing) * 2);\n    }\n  }\n\n  > aside,\n  div[role=\"document\"] {\n    min-width: 0;\n  }\n}\n\n// External links\ndiv[role=\"document\"] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after\n{\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\n// Embedded SVG\nsvg {\n  height: 1rem;\n}\n","/**\n * Docs: Aside\n */\n\nmain > aside {\n\n  nav {\n    width: 100%;\n    padding-bottom: var(--block-spacing-vertical);\n  \n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      position: fixed;\n      width: 200px;\n      max-height: calc(100vh - 5.5rem);\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    a#toggle-docs-navigation {\n      margin: 0;\n      margin-bottom: var(--spacing);\n      padding: 0;\n      padding-bottom: var(--spacing);\n      border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n      svg {\n        margin-right: calc(var(--spacing) * 0.5);\n        vertical-align: -3px;\n      }\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: none;\n      }\n    }\n\n    &.closed-on-mobile {\n\n      a#toggle-docs-navigation {\n        svg.collapse {\n          display: none;\n        }\n      }\n\n      details {\n        display: none;\n      } \n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        details {\n          display: block;\n        }\n\n        > a#toggle-docs-navigation {\n          display: none;\n        }\n      }\n    }\n\n    &.open {\n      a#toggle-docs-navigation {\n        svg.expand {\n          display: none;\n        }\n      }\n    }\n  }\n  \n\n  li,\n  summary {\n    padding-top: 0;\n    padding-bottom: 0;\n    font-size: 16px;\n  }\n\n  li a {\n    padding: 0.375rem 0.5rem;\n\n    svg {\n      vertical-align: middle;\n    }\n  }\n\n  a.secondary:focus {\n    background-color: transparent;\n    color: var(--primary-hover);\n  }\n\n  a.active,\n  a.active:hover {\n    color: var(--primary);\n  }\n\n  details {\n    border-bottom: none;\n\n    summary {\n      color: var(--h1-color);\n      font-weight: 300;\n      font-size: 14px;\n      text-transform: uppercase;\n\n      &::after {\n        display: none;\n      }\n    }\n\n    &[open] {\n      > summary {\n        margin-bottom: calc(var(--spacing) * 0.75);\n\n        &:not(:focus) {\n          color: var(--h1-color);\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Documentation\n */\n\n// Docs: Themes\n#themes {\n  button.theme-switcher {\n    &:first-of-type {\n      --font-weight: bold;\n    }\n    \n    i {\n      font-style: normal;\n    }\n  }\n}\n\n// Docs: Customization\n#customization {\n  figure {\n    display: grid;\n    grid-template-rows: repeat(2, 1fr);\n    grid-template-columns: repeat(9, 1fr);\n    margin-bottom: 0;\n    overflow: hidden;\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      grid-template-rows: 1fr;\n      grid-template-columns: repeat(18, 1fr);\n      border-top-right-radius: var(--border-radius);\n      border-top-left-radius: var(--border-radius);\n    }\n\n    ~ article {\n      margin-top: 0;\n      border-top-right-radius: 0;\n      border-top-left-radius: 0;\n    }\n\n    button {\n      margin-bottom: 0;\n      padding: 0;\n      padding-top: 100%;\n      border: none;\n      border-radius: 0;\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &.picked {\n        background-image: var(--icon-check);\n        background-position: center;\n        background-size: 0.66rem auto;\n        background-repeat: no-repeat;\n        box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n      }\n      &[data-color=\"lime\"],\n      &[data-color=\"yellow\"],\n      &[data-color=\"amber\"] {\n        &.picked {\n          background-image: var(--icon-check-dark);\n        }\n      }\n    }\n  }\n\n  h4 {\n    transition: color var(--transition);\n  }\n\n  pre[data-theme=\"generated\"] {\n    border-color: var(--primary);\n  }\n}\n\n// Docs: Grid\n#grid {\n  --grid-spacing-vertical: 1rem;\n\n  button {\n    display: block;\n    width: 100%;\n    margin-bottom: var(--spacing);\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      display: inline-block;\n      width: auto;\n      margin-right: 0.5rem;\n    }\n\n    svg {\n      stroke: var(--secondary);\n      margin-right: 0.5rem;\n      border: 2px solid currentColor;\n      border-radius: 1rem;\n      background: currentColor;\n    }\n  }\n\n  .grid {\n    > * {\n      padding: calc(var(--spacing) / 2) 0;\n      border-radius: var(--border-radius);\n      background: var(--code-background-color);\n      font-size: 87.5%;\n      text-align: center;\n    }\n  }\n\n  details {\n    margin-top: calc(var(--typography-spacing-vertical) * 2);\n\n    svg {\n      vertical-align: bottom;\n    }\n  }\n}\n\n// Docs: Forms\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n// Docs: Modal\n#modal {\n  button {\n    --font-weight: bold;\n  }\n}\n","/**\n * Docs: Typography\n */\n\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=\"button\"] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=\"document\"] {\n  section > h1,\n  section > h2,\n  section > h3 {\n    line-height: 1;\n  }\n}\n","/**\n * Docs: Code\n */\n\n// Code block inside article\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\n// Code block outside article\n// Horizontally aligned with <article> content\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5)\n    var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n// Badge for Valid & Invalid code\n[data-theme=\"invalid\"],\n[data-theme=\"valid\"] {\n  position: relative;\n  margin-bottom: 0 !important;\n\n  // Label\n  &:before {\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 0.375rem 0.75rem;\n    border-radius: 0;\n    color: var(--primary-inverse);\n    font-size: 14px;\n    line-height: 1;\n\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      top: var(--spacing);\n      right: var(--spacing);\n    }\n  }\n\n  // Spacing for Valid & Invalid badge\n  code {\n    padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem)\n      var(--block-spacing-horizontal);\n  }\n}\n\n// Color for Valid & Invalid code\n[data-theme=\"invalid\"] {\n  &:before {\n    background: var(--invalid-color);\n    content: \"Not so great\";\n  }\n}\n\n[data-theme=\"valid\"] {\n  &:before {\n    background: var(--valid-color);\n    content: \"Great\";\n  }\n}\n","/**\n * Docs: Modal\n */\n\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color:inherit;\n\n  article {\n    max-width: inherit;\n  }\n\n  &:not([open]),\n  &[open=false] {\n    display: none;\n  }\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}","/**\n * Docs: Navs\n */\n\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n\n  &.container-fluid {\n    padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n\n  a {\n    border-radius: 0;\n  }\n\n  svg {\n    vertical-align: text-bottom;\n  }\n\n  // Band & Title\n  ul:first-of-type li {\n    // Brand\n    &:first-of-type {\n      a {\n        width: 3.5rem;\n        height: 3.5rem;\n        margin-left: calc(var(--spacing) * -1);\n        padding: 0;\n        background: var(--h1-color);\n        color: var(--nav-logo-color);\n\n        svg {\n          height: 3.5rem;\n        }\n      }\n    }\n\n    // Title\n    &:nth-of-type(2) {\n      display: none;\n      margin-left: var(--spacing);\n      color: var(--h1-color);\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: inline;\n      }\n    }\n  }\n}\n","/**\n * Docs: Theme switcher\n */\n\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n\n  &::after {\n    display: inline-block;\n    width: 1rem;\n    height: 1rem;\n    border: 0.15rem solid currentColor;\n    border-radius: 50%;\n    background: linear-gradient(\n      to right,\n      currentColor 0%,\n      currentColor 50%,\n      transparent 50%\n    );\n    content: \"\";\n    vertical-align: bottom;\n    transition: transform var(--transition);\n  }\n\n  i {\n    display: inline-block;\n    max-width: 0;\n    padding: 0;\n    overflow: hidden;\n    font-style: normal;\n    font-size: 0.875rem;\n    white-space: nowrap;\n  }\n\n  &:hover,\n  &:focus {\n    max-width: 100%;\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover {\n    &::after {\n      transform: rotate(180deg);\n    }\n\n    i {\n      max-width: 100%;\n      padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n      transition: max-width var(--transition), padding var(--transition);\n    }\n  }\n\n  &:focus {\n    box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n  }\n\n  @media (min-width: map-get($breakpoints, \"sm\")) {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["../scss/pico.docs.scss","../scss/themes/_docs.scss","../scss/themes/docs/_icons.scss","pico.docs.css","../scss/themes/docs/_light.scss","../scss/themes/docs/_dark.scss","../scss/layout/_document.scss","../scss/layout/_main.scss","../scss/layout/_aside.scss","../scss/layout/_documentation.scss","../scss/content/_typography.scss","../scss/content/_code.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_theme-switcher.scss"],"names":[],"mappings":"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","file":"pico.docs.css","sourcesContent":["/*!\r\n * Pico: Customs styles for Docs\r\n */\r\n\r\n// Config\r\n@import \"../../scss/variables\";\r\n\r\n// Theming\r\n@import \"themes/docs\";\r\n\r\n// Layout\r\n@import \"layout/document\";\r\n@import \"layout/main\";\r\n@import \"layout/aside\";\r\n@import \"layout/documentation\";\r\n\r\n// Content\r\n@import \"content/typography\";\r\n@import \"content/code\";\r\n\r\n// Components\r\n@import \"components/modal\";\r\n@import \"components/nav\";\r\n@import \"components/theme-switcher\";\r\n","/**\r\n * Theme: Additions for docs\r\n */\r\n\r\n@import \"../../../scss/themes/default/colors\";\r\n@import \"docs/icons\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"docs/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"docs/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n  :root:not([data-theme=\"light\"]) {\r\n    @include dark;\r\n  }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n  @include dark;\r\n}\r\n","// Icons\r\n// Source: https://feathericons.com/\r\n:root {\r\n  --icon-external: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-check: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-check-dark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n}\r\n","/*!\n * Pico: Customs styles for Docs\n */\n/**\n * Theme: Additions for docs\n */\n:root {\n  --icon-external: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --invalid-color: #c62828;\n  --valid-color: #388e3c;\n  --nav-background-color: rgba(255, 255, 255, 0.7);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #fff;\n  --article-code-background-color: #f9fafb;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --invalid-color: rgba(183, 28, 28, 0.5);\n    --valid-color: rgba(46, 125, 50, 0.5);\n    --nav-background-color: rgba(16, 24, 30, 0.8);\n    --nav-border-color: rgba(115, 130, 140, 0.2);\n    --nav-logo-color: #0e1419;\n    --article-code-background-color: var(--code-background-color);\n  }\n}\n[data-theme=dark] {\n  --invalid-color: rgba(183, 28, 28, 0.5);\n  --valid-color: rgba(46, 125, 50, 0.5);\n  --nav-background-color: rgba(16, 24, 30, 0.8);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #0e1419;\n  --article-code-background-color: var(--code-background-color);\n}\n\n/**\n * Docs: Document\n */\nhtml {\n  scroll-behavior: smooth;\n}\n\n/**\n * Docs: Main (Grid)\n */\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + 3.5rem);\n}\n@media (min-width: 992px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n    display: grid;\n    grid-template-columns: 200px auto;\n  }\n}\n@media (min-width: 1200px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\nbody > main > aside,\nbody > main div[role=document] {\n  min-width: 0;\n}\n\ndiv[role=document] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\nsvg {\n  height: 1rem;\n}\n\n/**\n * Docs: Aside\n */\nmain > aside nav {\n  width: 100%;\n  padding-bottom: var(--block-spacing-vertical);\n}\n@media (min-width: 992px) {\n  main > aside nav {\n    position: fixed;\n    width: 200px;\n    max-height: calc(100vh - 5.5rem);\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\nmain > aside nav a#toggle-docs-navigation {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\nmain > aside nav a#toggle-docs-navigation svg {\n  margin-right: calc(var(--spacing) * 0.5);\n  vertical-align: -3px;\n}\n@media (min-width: 992px) {\n  main > aside nav a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {\n  display: none;\n}\nmain > aside nav.closed-on-mobile details {\n  display: none;\n}\n@media (min-width: 992px) {\n  main > aside nav.closed-on-mobile details {\n    display: block;\n  }\n  main > aside nav.closed-on-mobile > a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.open a#toggle-docs-navigation svg.expand {\n  display: none;\n}\nmain > aside li,\nmain > aside summary {\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 16px;\n}\nmain > aside li a {\n  padding: 0.375rem 0.5rem;\n}\nmain > aside li a svg {\n  vertical-align: middle;\n}\nmain > aside a.secondary:focus {\n  background-color: transparent;\n  color: var(--primary-hover);\n}\nmain > aside a.active,\nmain > aside a.active:hover {\n  color: var(--primary);\n}\nmain > aside details {\n  border-bottom: none;\n}\nmain > aside details summary {\n  color: var(--h1-color);\n  font-weight: 300;\n  font-size: 14px;\n  text-transform: uppercase;\n}\nmain > aside details summary::after {\n  display: none;\n}\nmain > aside details[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.75);\n}\nmain > aside details[open] > summary:not(:focus) {\n  color: var(--h1-color);\n}\n\n/**\n * Docs: Documentation\n */\n#themes button.theme-switcher:first-of-type {\n  --font-weight: bold;\n}\n#themes button.theme-switcher i {\n  font-style: normal;\n}\n\n#customization figure {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(9, 1fr);\n  margin-bottom: 0;\n  overflow: hidden;\n}\n@media (min-width: 576px) {\n  #customization figure {\n    grid-template-rows: 1fr;\n    grid-template-columns: repeat(18, 1fr);\n    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n}\n#customization figure ~ article {\n  margin-top: 0;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n#customization figure button {\n  margin-bottom: 0;\n  padding: 0;\n  padding-top: 100%;\n  border: none;\n  border-radius: 0;\n}\n#customization figure button:focus {\n  box-shadow: none;\n}\n#customization figure button.picked {\n  background-image: var(--icon-check);\n  background-position: center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n}\n#customization figure button[data-color=lime].picked, #customization figure button[data-color=yellow].picked, #customization figure button[data-color=amber].picked {\n  background-image: var(--icon-check-dark);\n}\n#customization h4 {\n  transition: color var(--transition);\n}\n#customization pre[data-theme=generated] {\n  border-color: var(--primary);\n}\n\n#grid {\n  --grid-spacing-vertical: 1rem;\n}\n#grid button {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n@media (min-width: 576px) {\n  #grid button {\n    display: inline-block;\n    width: auto;\n    margin-right: 0.5rem;\n  }\n}\n#grid button svg {\n  stroke: var(--secondary);\n  margin-right: 0.5rem;\n  border: 2px solid currentColor;\n  border-radius: 1rem;\n  background: currentColor;\n}\n#grid .grid > * {\n  padding: calc(var(--spacing) / 2) 0;\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  font-size: 87.5%;\n  text-align: center;\n}\n#grid details {\n  margin-top: calc(var(--typography-spacing-vertical) * 2);\n}\n#grid details svg {\n  vertical-align: bottom;\n}\n\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n#modal button {\n  --font-weight: bold;\n}\n\n/**\n * Docs: Typography\n */\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=button] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=document] section > h1,\n[role=document] section > h2,\n[role=document] section > h3 {\n  line-height: 1;\n}\n\n/**\n * Docs: Code\n */\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\n\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n[data-theme=invalid],\n[data-theme=valid] {\n  position: relative;\n  margin-bottom: 0 !important;\n}\n[data-theme=invalid]:before,\n[data-theme=valid]:before {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0.375rem 0.75rem;\n  border-radius: 0;\n  color: var(--primary-inverse);\n  font-size: 14px;\n  line-height: 1;\n}\n@media (min-width: 992px) {\n  [data-theme=invalid]:before,\n[data-theme=valid]:before {\n    top: var(--spacing);\n    right: var(--spacing);\n  }\n}\n[data-theme=invalid] code,\n[data-theme=valid] code {\n  padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem) var(--block-spacing-horizontal);\n}\n\n[data-theme=invalid]:before {\n  background: var(--invalid-color);\n  content: \"Not so great\";\n}\n\n[data-theme=valid]:before {\n  background: var(--valid-color);\n  content: \"Great\";\n}\n\n/**\n * Docs: Modal\n */\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color: inherit;\n}\ndialog.example article {\n  max-width: inherit;\n}\ndialog.example:not([open]), dialog.example[open=false] {\n  display: none;\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}\n\n/**\n * Docs: Navs\n */\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n}\nbody > nav.container-fluid {\n  padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n}\nbody > nav a {\n  border-radius: 0;\n}\nbody > nav svg {\n  vertical-align: text-bottom;\n}\nbody > nav ul:first-of-type li:first-of-type a {\n  width: 3.5rem;\n  height: 3.5rem;\n  margin-left: calc(var(--spacing) * -1);\n  padding: 0;\n  background: var(--h1-color);\n  color: var(--nav-logo-color);\n}\nbody > nav ul:first-of-type li:first-of-type a svg {\n  height: 3.5rem;\n}\nbody > nav ul:first-of-type li:nth-of-type(2) {\n  display: none;\n  margin-left: var(--spacing);\n  color: var(--h1-color);\n}\n@media (min-width: 992px) {\n  body > nav ul:first-of-type li:nth-of-type(2) {\n    display: inline;\n  }\n}\n\n/**\n * Docs: Theme switcher\n */\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n}\n.switcher::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  border: 0.15rem solid currentColor;\n  border-radius: 50%;\n  background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);\n  content: \"\";\n  vertical-align: bottom;\n  transition: transform var(--transition);\n}\n.switcher i {\n  display: inline-block;\n  max-width: 0;\n  padding: 0;\n  overflow: hidden;\n  font-style: normal;\n  font-size: 0.875rem;\n  white-space: nowrap;\n}\n.switcher:hover, .switcher:focus {\n  max-width: 100%;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n.switcher:hover::after {\n  transform: rotate(180deg);\n}\n.switcher:hover i {\n  max-width: 100%;\n  padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n  transition: max-width var(--transition), padding var(--transition);\n}\n.switcher:focus {\n  box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n}\n@media (min-width: 576px) {\n  .switcher {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n\n/*# sourceMappingURL=pico.docs.css.map */\n","// Light theme (Default) [Additions for docs]\r\n// Can be forced with data-theme=\"light\"\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --invalid-color: #{$red-800};\r\n  --valid-color: #{$green-700};\r\n  --nav-background-color: #{rgba($white, 0.7)};\r\n  --nav-border-color: #{rgba($grey-500, 0.2)};\r\n  --nav-logo-color: #{$white};\r\n  --article-code-background-color: #{mix($grey-50, $white, 33%)};\r\n}\r\n","// Dark theme [Additions for docs]\r\n@mixin dark {\r\n  --invalid-color: #{rgba($red-900, 0.5)};\r\n  --valid-color: #{rgba($green-800, 0.5)};\r\n  --nav-background-color: #{rgba(darken($grey-900, 6%), 0.8)};\r\n  --nav-border-color: #{rgba($grey-500, 0.2)};\r\n  --nav-logo-color: #{mix($black, $grey-900)};\r\n  --article-code-background-color: var(--code-background-color);\r\n}\r\n","/**\r\n * Docs: Document\r\n */\r\n\r\nhtml {\r\n  scroll-behavior: smooth;\r\n}\r\n","/**\r\n * Docs: Main (Grid)\r\n */\r\n\r\n// Config\r\n$navHeight: 3.5rem;\r\n\r\n// Main grid\r\nbody > main {\r\n  padding-top: calc(var(--block-spacing-vertical) + #{$navHeight});\r\n\r\n  @if map-get($breakpoints, \"lg\") {\r\n    @media (min-width: map-get($breakpoints, \"lg\")) {\r\n      --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n      grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\r\n      display: grid;\r\n      grid-template-columns: 200px auto;\r\n    }\r\n  }\r\n\r\n  @if map-get($breakpoints, \"xl\") {\r\n    @media (min-width: map-get($breakpoints, \"xl\")) {\r\n      --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n    }\r\n  }\r\n\r\n  > aside,\r\n  div[role=\"document\"] {\r\n    min-width: 0;\r\n  }\r\n}\r\n\r\n// External links\r\ndiv[role=\"document\"] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after\r\n{\r\n  display: inline-block;\r\n  width: 1rem;\r\n  height: 1rem;\r\n  background-image: var(--icon-external);\r\n  background-position: top center;\r\n  background-size: 0.66rem auto;\r\n  background-repeat: no-repeat;\r\n  content: \"\";\r\n}\r\n\r\n// Embedded SVG\r\nsvg {\r\n  height: 1rem;\r\n}\r\n","/**\r\n * Docs: Aside\r\n */\r\n\r\nmain > aside {\r\n\r\n  nav {\r\n    width: 100%;\r\n    padding-bottom: var(--block-spacing-vertical);\r\n  \r\n    @media (min-width: map-get($breakpoints, \"lg\")) {\r\n      position: fixed;\r\n      width: 200px;\r\n      max-height: calc(100vh - 5.5rem);\r\n      overflow-x: hidden;\r\n      overflow-y: auto;\r\n    }\r\n\r\n    a#toggle-docs-navigation {\r\n      margin: 0;\r\n      margin-bottom: var(--spacing);\r\n      padding: 0;\r\n      padding-bottom: var(--spacing);\r\n      border-bottom: var(--border-width) solid var(--accordion-border-color);\r\n\r\n      svg {\r\n        margin-right: calc(var(--spacing) * 0.5);\r\n        vertical-align: -3px;\r\n      }\r\n\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    &.closed-on-mobile {\r\n\r\n      a#toggle-docs-navigation {\r\n        svg.collapse {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      details {\r\n        display: none;\r\n      } \r\n\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        details {\r\n          display: block;\r\n        }\r\n\r\n        > a#toggle-docs-navigation {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.open {\r\n      a#toggle-docs-navigation {\r\n        svg.expand {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n\r\n  li,\r\n  summary {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    font-size: 16px;\r\n  }\r\n\r\n  li a {\r\n    padding: 0.375rem 0.5rem;\r\n\r\n    svg {\r\n      vertical-align: middle;\r\n    }\r\n  }\r\n\r\n  a.secondary:focus {\r\n    background-color: transparent;\r\n    color: var(--primary-hover);\r\n  }\r\n\r\n  a.active,\r\n  a.active:hover {\r\n    color: var(--primary);\r\n  }\r\n\r\n  details {\r\n    border-bottom: none;\r\n\r\n    summary {\r\n      color: var(--h1-color);\r\n      font-weight: 300;\r\n      font-size: 14px;\r\n      text-transform: uppercase;\r\n\r\n      &::after {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    &[open] {\r\n      > summary {\r\n        margin-bottom: calc(var(--spacing) * 0.75);\r\n\r\n        &:not(:focus) {\r\n          color: var(--h1-color);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Docs: Documentation\r\n */\r\n\r\n// Docs: Themes\r\n#themes {\r\n  button.theme-switcher {\r\n    &:first-of-type {\r\n      --font-weight: bold;\r\n    }\r\n    \r\n    i {\r\n      font-style: normal;\r\n    }\r\n  }\r\n}\r\n\r\n// Docs: Customization\r\n#customization {\r\n  figure {\r\n    display: grid;\r\n    grid-template-rows: repeat(2, 1fr);\r\n    grid-template-columns: repeat(9, 1fr);\r\n    margin-bottom: 0;\r\n    overflow: hidden;\r\n\r\n    @media (min-width: map-get($breakpoints, \"sm\")) {\r\n      grid-template-rows: 1fr;\r\n      grid-template-columns: repeat(18, 1fr);\r\n      border-top-right-radius: var(--border-radius);\r\n      border-top-left-radius: var(--border-radius);\r\n    }\r\n\r\n    ~ article {\r\n      margin-top: 0;\r\n      border-top-right-radius: 0;\r\n      border-top-left-radius: 0;\r\n    }\r\n\r\n    button {\r\n      margin-bottom: 0;\r\n      padding: 0;\r\n      padding-top: 100%;\r\n      border: none;\r\n      border-radius: 0;\r\n\r\n      &:focus {\r\n        box-shadow: none;\r\n      }\r\n\r\n      &.picked {\r\n        background-image: var(--icon-check);\r\n        background-position: center;\r\n        background-size: 0.66rem auto;\r\n        background-repeat: no-repeat;\r\n        box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\r\n      }\r\n      &[data-color=\"lime\"],\r\n      &[data-color=\"yellow\"],\r\n      &[data-color=\"amber\"] {\r\n        &.picked {\r\n          background-image: var(--icon-check-dark);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  h4 {\r\n    transition: color var(--transition);\r\n  }\r\n\r\n  pre[data-theme=\"generated\"] {\r\n    border-color: var(--primary);\r\n  }\r\n}\r\n\r\n// Docs: Grid\r\n#grid {\r\n  --grid-spacing-vertical: 1rem;\r\n\r\n  button {\r\n    display: block;\r\n    width: 100%;\r\n    margin-bottom: var(--spacing);\r\n\r\n    @media (min-width: map-get($breakpoints, \"sm\")) {\r\n      display: inline-block;\r\n      width: auto;\r\n      margin-right: 0.5rem;\r\n    }\r\n\r\n    svg {\r\n      stroke: var(--secondary);\r\n      margin-right: 0.5rem;\r\n      border: 2px solid currentColor;\r\n      border-radius: 1rem;\r\n      background: currentColor;\r\n    }\r\n  }\r\n\r\n  .grid {\r\n    > * {\r\n      padding: calc(var(--spacing) / 2) 0;\r\n      border-radius: var(--border-radius);\r\n      background: var(--code-background-color);\r\n      font-size: 87.5%;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  details {\r\n    margin-top: calc(var(--typography-spacing-vertical) * 2);\r\n\r\n    svg {\r\n      vertical-align: bottom;\r\n    }\r\n  }\r\n}\r\n\r\n// Docs: Forms\r\n#forms div.grid {\r\n  grid-row-gap: 0;\r\n}\r\n\r\n// Docs: Modal\r\n#modal {\r\n  button {\r\n    --font-weight: bold;\r\n  }\r\n}\r\n","/**\r\n * Docs: Typography\r\n */\r\n\r\nh1 {\r\n  margin-top: -0.25em;\r\n}\r\n\r\nsection > hgroup {\r\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\r\n}\r\n\r\na[role=\"button\"] {\r\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n}\r\n\r\n[role=\"document\"] {\r\n  section > h1,\r\n  section > h2,\r\n  section > h3 {\r\n    line-height: 1;\r\n  }\r\n}\r\n","/**\r\n * Docs: Code\r\n */\r\n\r\n// Code block inside article\r\narticle > footer.code {\r\n  background: var(--article-code-background-color);\r\n}\r\narticle pre,\r\narticle pre code {\r\n  margin-bottom: 0;\r\n  background: transparent;\r\n}\r\n\r\n// Code block outside article\r\n// Horizontally aligned with <article> content\r\nsection > pre {\r\n  margin: var(--block-spacing-vertical) 0;\r\n  padding: calc(var(--block-spacing-vertical) / 1.5)\r\n    var(--block-spacing-horizontal);\r\n  background: var(--article-code-background-color);\r\n  box-shadow: var(--card-box-shadow);\r\n}\r\n\r\n// Badge for Valid & Invalid code\r\n[data-theme=\"invalid\"],\r\n[data-theme=\"valid\"] {\r\n  position: relative;\r\n  margin-bottom: 0 !important;\r\n\r\n  // Label\r\n  &:before {\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    padding: 0.375rem 0.75rem;\r\n    border-radius: 0;\r\n    color: var(--primary-inverse);\r\n    font-size: 14px;\r\n    line-height: 1;\r\n\r\n    @media (min-width: map-get($breakpoints, \"lg\")) {\r\n      top: var(--spacing);\r\n      right: var(--spacing);\r\n    }\r\n  }\r\n\r\n  // Spacing for Valid & Invalid badge\r\n  code {\r\n    padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem)\r\n      var(--block-spacing-horizontal);\r\n  }\r\n}\r\n\r\n// Color for Valid & Invalid code\r\n[data-theme=\"invalid\"] {\r\n  &:before {\r\n    background: var(--invalid-color);\r\n    content: \"Not so great\";\r\n  }\r\n}\r\n\r\n[data-theme=\"valid\"] {\r\n  &:before {\r\n    background: var(--valid-color);\r\n    content: \"Great\";\r\n  }\r\n}\r\n","/**\r\n * Docs: Modal\r\n */\r\n\r\ndialog.example {\r\n  display: block;\r\n  z-index: inherit;\r\n  position: relative;\r\n  top: inherit;\r\n  right: inherit;\r\n  bottom: inherit;\r\n  left: inherit;\r\n  align-items: inherit;\r\n  justify-content: inherit;\r\n  width: inherit;\r\n  min-width: inherit;\r\n  height: inherit;\r\n  min-height: inherit;\r\n  padding: 0;\r\n  background-color:inherit;\r\n\r\n  article {\r\n    max-width: inherit;\r\n  }\r\n\r\n  &:not([open]),\r\n  &[open=false] {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.dialog-is-open body > button {\r\n  filter: blur(0.125rem);\r\n}","/**\r\n * Docs: Navs\r\n */\r\n\r\nbody > nav {\r\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\r\n  z-index: 99;\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n  backdrop-filter: saturate(180%) blur(20px);\r\n  background-color: var(--nav-background-color);\r\n  box-shadow: 0px 1px 0 var(--nav-border-color);\r\n\r\n  &.container-fluid {\r\n    padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\r\n  }\r\n\r\n  a {\r\n    border-radius: 0;\r\n  }\r\n\r\n  svg {\r\n    vertical-align: text-bottom;\r\n  }\r\n\r\n  // Band & Title\r\n  ul:first-of-type li {\r\n    // Brand\r\n    &:first-of-type {\r\n      a {\r\n        width: 3.5rem;\r\n        height: 3.5rem;\r\n        margin-left: calc(var(--spacing) * -1);\r\n        padding: 0;\r\n        background: var(--h1-color);\r\n        color: var(--nav-logo-color);\r\n\r\n        svg {\r\n          height: 3.5rem;\r\n        }\r\n      }\r\n    }\r\n\r\n    // Title\r\n    &:nth-of-type(2) {\r\n      display: none;\r\n      margin-left: var(--spacing);\r\n      color: var(--h1-color);\r\n\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        display: inline;\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Docs: Theme switcher\r\n */\r\n\r\n.switcher {\r\n  position: fixed;\r\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\r\n  bottom: var(--spacing);\r\n  width: auto;\r\n  margin-bottom: 0;\r\n  padding: 0.75rem;\r\n  border-radius: 2rem;\r\n  box-shadow: var(--card-box-shadow);\r\n  line-height: 1;\r\n  text-align: right;\r\n\r\n  &::after {\r\n    display: inline-block;\r\n    width: 1rem;\r\n    height: 1rem;\r\n    border: 0.15rem solid currentColor;\r\n    border-radius: 50%;\r\n    background: linear-gradient(\r\n      to right,\r\n      currentColor 0%,\r\n      currentColor 50%,\r\n      transparent 50%\r\n    );\r\n    content: \"\";\r\n    vertical-align: bottom;\r\n    transition: transform var(--transition);\r\n  }\r\n\r\n  i {\r\n    display: inline-block;\r\n    max-width: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    font-style: normal;\r\n    font-size: 0.875rem;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    max-width: 100%;\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover {\r\n    &::after {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    i {\r\n      max-width: 100%;\r\n      padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\r\n      transition: max-width var(--transition), padding var(--transition);\r\n    }\r\n  }\r\n\r\n  &:focus {\r\n    box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\r\n  }\r\n\r\n  @media (min-width: map-get($breakpoints, \"sm\")) {\r\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\r\n  }\r\n}\r\n"]}
\ No newline at end of file
diff --git a/docs/css/pico.docs.min.css.map b/docs/css/pico.docs.min.css.map
index cccf7dfb..3b9f46ec 100644
--- a/docs/css/pico.docs.min.css.map
+++ b/docs/css/pico.docs.min.css.map
@@ -1 +1 @@
-{"version":3,"sources":["docs/scss/pico.docs.scss","docs/scss/themes/docs/_icons.scss","docs/css/pico.docs.css","docs/scss/themes/docs/_light.scss","docs/scss/themes/_docs.scss","docs/scss/themes/docs/_dark.scss","docs/scss/layout/_document.scss","docs/scss/layout/_main.scss","docs/scss/layout/_aside.scss","docs/scss/layout/_documentation.scss","docs/scss/content/_typography.scss","docs/scss/content/_code.scss","docs/scss/components/_modal.scss","docs/scss/components/_nav.scss","docs/scss/components/_theme-switcher.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\n * Pico: Customs styles for Docs\n */\n\n// Config\n@import \"../../scss/variables\";\n\n// Theming\n@import \"themes/docs\";\n\n// Layout\n@import \"layout/document\";\n@import \"layout/main\";\n@import \"layout/aside\";\n@import \"layout/documentation\";\n\n// Content\n@import \"content/typography\";\n@import \"content/code\";\n\n// Components\n@import \"components/modal\";\n@import \"components/nav\";\n@import \"components/theme-switcher\";\n","// Icons\n// Source: https://feathericons.com/\n:root {\n  --icon-external: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n","/*!\n * Pico: Customs styles for Docs\n */\n/**\n * Theme: Additions for docs\n */\n:root {\n  --icon-external: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --invalid-color: #c62828;\n  --valid-color: #388e3c;\n  --nav-background-color: rgba(255, 255, 255, 0.7);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #fff;\n  --article-code-background-color: #f9fafb;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --invalid-color: rgba(183, 28, 28, 0.5);\n    --valid-color: rgba(46, 125, 50, 0.5);\n    --nav-background-color: rgba(16, 24, 30, 0.8);\n    --nav-border-color: rgba(115, 130, 140, 0.2);\n    --nav-logo-color: #0e1419;\n    --article-code-background-color: var(--code-background-color);\n  }\n}\n[data-theme=dark] {\n  --invalid-color: rgba(183, 28, 28, 0.5);\n  --valid-color: rgba(46, 125, 50, 0.5);\n  --nav-background-color: rgba(16, 24, 30, 0.8);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #0e1419;\n  --article-code-background-color: var(--code-background-color);\n}\n\n/**\n * Docs: Document\n */\nhtml {\n  scroll-behavior: smooth;\n}\n\n/**\n * Docs: Main (Grid)\n */\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + 3.5rem);\n}\n@media (min-width: 992px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n    display: grid;\n    grid-template-columns: 200px auto;\n  }\n}\n@media (min-width: 1200px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\nbody > main > aside,\nbody > main div[role=document] {\n  min-width: 0;\n}\n\ndiv[role=document] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\nsvg {\n  height: 1rem;\n}\n\n/**\n * Docs: Aside\n */\nmain > aside nav {\n  width: 100%;\n  padding-bottom: var(--block-spacing-vertical);\n}\n@media (min-width: 992px) {\n  main > aside nav {\n    position: fixed;\n    width: 200px;\n    max-height: calc(100vh - 5.5rem);\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\nmain > aside nav a#toggle-docs-navigation {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\nmain > aside nav a#toggle-docs-navigation svg {\n  margin-right: calc(var(--spacing) * 0.5);\n  vertical-align: -3px;\n}\n@media (min-width: 992px) {\n  main > aside nav a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {\n  display: none;\n}\nmain > aside nav.closed-on-mobile details {\n  display: none;\n}\n@media (min-width: 992px) {\n  main > aside nav.closed-on-mobile details {\n    display: block;\n  }\n  main > aside nav.closed-on-mobile > a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.open a#toggle-docs-navigation svg.expand {\n  display: none;\n}\nmain > aside li,\nmain > aside summary {\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 16px;\n}\nmain > aside li a {\n  padding: 0.375rem 0.5rem;\n}\nmain > aside li a svg {\n  vertical-align: middle;\n}\nmain > aside a.secondary:focus {\n  background-color: transparent;\n  color: var(--primary-hover);\n}\nmain > aside a.active,\nmain > aside a.active:hover {\n  color: var(--primary);\n}\nmain > aside details {\n  border-bottom: none;\n}\nmain > aside details summary {\n  color: var(--h1-color);\n  font-weight: 300;\n  font-size: 14px;\n  text-transform: uppercase;\n}\nmain > aside details summary::after {\n  display: none;\n}\nmain > aside details[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.75);\n}\nmain > aside details[open] > summary:not(:focus) {\n  color: var(--h1-color);\n}\n\n/**\n * Docs: Documentation\n */\n#themes button.theme-switcher:first-of-type {\n  --font-weight: bold;\n}\n#themes button.theme-switcher i {\n  font-style: normal;\n}\n\n#customization figure {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(9, 1fr);\n  margin-bottom: 0;\n  overflow: hidden;\n}\n@media (min-width: 576px) {\n  #customization figure {\n    grid-template-rows: 1fr;\n    grid-template-columns: repeat(18, 1fr);\n    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n}\n#customization figure ~ article {\n  margin-top: 0;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n#customization figure button {\n  margin-bottom: 0;\n  padding: 0;\n  padding-top: 100%;\n  border: none;\n  border-radius: 0;\n}\n#customization figure button:focus {\n  box-shadow: none;\n}\n#customization figure button.picked {\n  background-image: var(--icon-check);\n  background-position: center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n}\n#customization figure button[data-color=lime].picked, #customization figure button[data-color=yellow].picked, #customization figure button[data-color=amber].picked {\n  background-image: var(--icon-check-dark);\n}\n#customization h4 {\n  transition: color var(--transition);\n}\n#customization pre[data-theme=generated] {\n  border-color: var(--primary);\n}\n\n#grid {\n  --grid-spacing-vertical: 1rem;\n}\n#grid button {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n@media (min-width: 576px) {\n  #grid button {\n    display: inline-block;\n    width: auto;\n    margin-right: 0.5rem;\n  }\n}\n#grid button svg {\n  stroke: var(--secondary);\n  margin-right: 0.5rem;\n  border: 2px solid currentColor;\n  border-radius: 1rem;\n  background: currentColor;\n}\n#grid .grid > * {\n  padding: calc(var(--spacing) / 2) 0;\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  font-size: 87.5%;\n  text-align: center;\n}\n#grid details {\n  margin-top: calc(var(--typography-spacing-vertical) * 2);\n}\n#grid details svg {\n  vertical-align: bottom;\n}\n\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n#modal button {\n  --font-weight: bold;\n}\n\n/**\n * Docs: Typography\n */\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=button] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=document] section > h1,\n[role=document] section > h2,\n[role=document] section > h3 {\n  line-height: 1;\n}\n\n/**\n * Docs: Code\n */\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\n\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n[data-theme=invalid],\n[data-theme=valid] {\n  position: relative;\n  margin-bottom: 0 !important;\n}\n[data-theme=invalid]:before,\n[data-theme=valid]:before {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0.375rem 0.75rem;\n  border-radius: 0;\n  color: var(--primary-inverse);\n  font-size: 14px;\n  line-height: 1;\n}\n@media (min-width: 992px) {\n  [data-theme=invalid]:before,\n[data-theme=valid]:before {\n    top: var(--spacing);\n    right: var(--spacing);\n  }\n}\n[data-theme=invalid] code,\n[data-theme=valid] code {\n  padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem) var(--block-spacing-horizontal);\n}\n\n[data-theme=invalid]:before {\n  background: var(--invalid-color);\n  content: \"Not so great\";\n}\n\n[data-theme=valid]:before {\n  background: var(--valid-color);\n  content: \"Great\";\n}\n\n/**\n * Docs: Modal\n */\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color: inherit;\n}\ndialog.example article {\n  max-width: inherit;\n}\ndialog.example:not([open]), dialog.example[open=false] {\n  display: none;\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}\n\n/**\n * Docs: Navs\n */\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n}\nbody > nav.container-fluid {\n  padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n}\nbody > nav a {\n  border-radius: 0;\n}\nbody > nav svg {\n  vertical-align: text-bottom;\n}\nbody > nav ul:first-of-type li:first-of-type a {\n  width: 3.5rem;\n  height: 3.5rem;\n  margin-left: calc(var(--spacing) * -1);\n  padding: 0;\n  background: var(--h1-color);\n  color: var(--nav-logo-color);\n}\nbody > nav ul:first-of-type li:first-of-type a svg {\n  height: 3.5rem;\n}\nbody > nav ul:first-of-type li:nth-of-type(2) {\n  display: none;\n  margin-left: var(--spacing);\n  color: var(--h1-color);\n}\n@media (min-width: 992px) {\n  body > nav ul:first-of-type li:nth-of-type(2) {\n    display: inline;\n  }\n}\n\n/**\n * Docs: Theme switcher\n */\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n}\n.switcher::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  border: 0.15rem solid currentColor;\n  border-radius: 50%;\n  background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);\n  content: \"\";\n  vertical-align: bottom;\n  transition: transform var(--transition);\n}\n.switcher i {\n  display: inline-block;\n  max-width: 0;\n  padding: 0;\n  overflow: hidden;\n  font-style: normal;\n  font-size: 0.875rem;\n  white-space: nowrap;\n}\n.switcher:hover, .switcher:focus {\n  max-width: 100%;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n.switcher:hover::after {\n  transform: rotate(180deg);\n}\n.switcher:hover i {\n  max-width: 100%;\n  padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n  transition: max-width var(--transition), padding var(--transition);\n}\n.switcher:focus {\n  box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n}\n@media (min-width: 576px) {\n  .switcher {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n\n/*# sourceMappingURL=pico.docs.css.map */\n","// Light theme (Default) [Additions for docs]\n// Can be forced with data-theme=\"light\"\n[data-theme=\"light\"],\n:root:not([data-theme=\"dark\"]) {\n  --invalid-color: #{$red-800};\n  --valid-color: #{$green-700};\n  --nav-background-color: #{rgba($white, 0.7)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{$white};\n  --article-code-background-color: #{mix($grey-50, $white, 33%)};\n}\n","/**\n * Theme: Additions for docs\n */\n\n@import \"../../../scss/themes/default/colors\";\n@import \"docs/icons\";\n\n// Light theme (Default)\n// Can be forced with data-theme=\"light\"\n@import \"docs/light\";\n\n// Dark theme (Auto)\n// Automatically enabled if user has Dark mode enabled\n@import \"docs/dark\";\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=\"light\"]) {\n    @include dark;\n  }\n}\n\n// Dark theme (Forced)\n// Enabled if forced with data-theme=\"dark\"\n[data-theme=\"dark\"] {\n  @include dark;\n}\n","// Dark theme [Additions for docs]\n@mixin dark {\n  --invalid-color: #{rgba($red-900, 0.5)};\n  --valid-color: #{rgba($green-800, 0.5)};\n  --nav-background-color: #{rgba(darken($grey-900, 6%), 0.8)};\n  --nav-border-color: #{rgba($grey-500, 0.2)};\n  --nav-logo-color: #{mix($black, $grey-900)};\n  --article-code-background-color: var(--code-background-color);\n}\n","/**\n * Docs: Document\n */\n\nhtml {\n  scroll-behavior: smooth;\n}\n","/**\n * Docs: Main (Grid)\n */\n\n// Config\n$navHeight: 3.5rem;\n\n// Main grid\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + #{$navHeight});\n\n  @if map-get($breakpoints, \"lg\") {\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n      grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n      display: grid;\n      grid-template-columns: 200px auto;\n    }\n  }\n\n  @if map-get($breakpoints, \"xl\") {\n    @media (min-width: map-get($breakpoints, \"xl\")) {\n      --block-spacing-horizontal: calc(var(--spacing) * 2);\n    }\n  }\n\n  > aside,\n  div[role=\"document\"] {\n    min-width: 0;\n  }\n}\n\n// External links\ndiv[role=\"document\"] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after\n{\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\n// Embedded SVG\nsvg {\n  height: 1rem;\n}\n","/**\n * Docs: Aside\n */\n\nmain > aside {\n\n  nav {\n    width: 100%;\n    padding-bottom: var(--block-spacing-vertical);\n  \n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      position: fixed;\n      width: 200px;\n      max-height: calc(100vh - 5.5rem);\n      overflow-x: hidden;\n      overflow-y: auto;\n    }\n\n    a#toggle-docs-navigation {\n      margin: 0;\n      margin-bottom: var(--spacing);\n      padding: 0;\n      padding-bottom: var(--spacing);\n      border-bottom: var(--border-width) solid var(--accordion-border-color);\n\n      svg {\n        margin-right: calc(var(--spacing) * 0.5);\n        vertical-align: -3px;\n      }\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: none;\n      }\n    }\n\n    &.closed-on-mobile {\n\n      a#toggle-docs-navigation {\n        svg.collapse {\n          display: none;\n        }\n      }\n\n      details {\n        display: none;\n      } \n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        details {\n          display: block;\n        }\n\n        > a#toggle-docs-navigation {\n          display: none;\n        }\n      }\n    }\n\n    &.open {\n      a#toggle-docs-navigation {\n        svg.expand {\n          display: none;\n        }\n      }\n    }\n  }\n  \n\n  li,\n  summary {\n    padding-top: 0;\n    padding-bottom: 0;\n    font-size: 16px;\n  }\n\n  li a {\n    padding: 0.375rem 0.5rem;\n\n    svg {\n      vertical-align: middle;\n    }\n  }\n\n  a.secondary:focus {\n    background-color: transparent;\n    color: var(--primary-hover);\n  }\n\n  a.active,\n  a.active:hover {\n    color: var(--primary);\n  }\n\n  details {\n    border-bottom: none;\n\n    summary {\n      color: var(--h1-color);\n      font-weight: 300;\n      font-size: 14px;\n      text-transform: uppercase;\n\n      &::after {\n        display: none;\n      }\n    }\n\n    &[open] {\n      > summary {\n        margin-bottom: calc(var(--spacing) * 0.75);\n\n        &:not(:focus) {\n          color: var(--h1-color);\n        }\n      }\n    }\n  }\n}\n","/**\n * Docs: Documentation\n */\n\n// Docs: Themes\n#themes {\n  button.theme-switcher {\n    &:first-of-type {\n      --font-weight: bold;\n    }\n    \n    i {\n      font-style: normal;\n    }\n  }\n}\n\n// Docs: Customization\n#customization {\n  figure {\n    display: grid;\n    grid-template-rows: repeat(2, 1fr);\n    grid-template-columns: repeat(9, 1fr);\n    margin-bottom: 0;\n    overflow: hidden;\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      grid-template-rows: 1fr;\n      grid-template-columns: repeat(18, 1fr);\n      border-top-right-radius: var(--border-radius);\n      border-top-left-radius: var(--border-radius);\n    }\n\n    ~ article {\n      margin-top: 0;\n      border-top-right-radius: 0;\n      border-top-left-radius: 0;\n    }\n\n    button {\n      margin-bottom: 0;\n      padding: 0;\n      padding-top: 100%;\n      border: none;\n      border-radius: 0;\n\n      &:focus {\n        box-shadow: none;\n      }\n\n      &.picked {\n        background-image: var(--icon-check);\n        background-position: center;\n        background-size: 0.66rem auto;\n        background-repeat: no-repeat;\n        box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n      }\n      &[data-color=\"lime\"],\n      &[data-color=\"yellow\"],\n      &[data-color=\"amber\"] {\n        &.picked {\n          background-image: var(--icon-check-dark);\n        }\n      }\n    }\n  }\n\n  h4 {\n    transition: color var(--transition);\n  }\n\n  pre[data-theme=\"generated\"] {\n    border-color: var(--primary);\n  }\n}\n\n// Docs: Grid\n#grid {\n  --grid-spacing-vertical: 1rem;\n\n  button {\n    display: block;\n    width: 100%;\n    margin-bottom: var(--spacing);\n\n    @media (min-width: map-get($breakpoints, \"sm\")) {\n      display: inline-block;\n      width: auto;\n      margin-right: 0.5rem;\n    }\n\n    svg {\n      stroke: var(--secondary);\n      margin-right: 0.5rem;\n      border: 2px solid currentColor;\n      border-radius: 1rem;\n      background: currentColor;\n    }\n  }\n\n  .grid {\n    > * {\n      padding: calc(var(--spacing) / 2) 0;\n      border-radius: var(--border-radius);\n      background: var(--code-background-color);\n      font-size: 87.5%;\n      text-align: center;\n    }\n  }\n\n  details {\n    margin-top: calc(var(--typography-spacing-vertical) * 2);\n\n    svg {\n      vertical-align: bottom;\n    }\n  }\n}\n\n// Docs: Forms\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n// Docs: Modal\n#modal {\n  button {\n    --font-weight: bold;\n  }\n}\n","/**\n * Docs: Typography\n */\n\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=\"button\"] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=\"document\"] {\n  section > h1,\n  section > h2,\n  section > h3 {\n    line-height: 1;\n  }\n}\n","/**\n * Docs: Code\n */\n\n// Code block inside article\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\n// Code block outside article\n// Horizontally aligned with <article> content\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5)\n    var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n// Badge for Valid & Invalid code\n[data-theme=\"invalid\"],\n[data-theme=\"valid\"] {\n  position: relative;\n  margin-bottom: 0 !important;\n\n  // Label\n  &:before {\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n    padding: 0.375rem 0.75rem;\n    border-radius: 0;\n    color: var(--primary-inverse);\n    font-size: 14px;\n    line-height: 1;\n\n    @media (min-width: map-get($breakpoints, \"lg\")) {\n      top: var(--spacing);\n      right: var(--spacing);\n    }\n  }\n\n  // Spacing for Valid & Invalid badge\n  code {\n    padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem)\n      var(--block-spacing-horizontal);\n  }\n}\n\n// Color for Valid & Invalid code\n[data-theme=\"invalid\"] {\n  &:before {\n    background: var(--invalid-color);\n    content: \"Not so great\";\n  }\n}\n\n[data-theme=\"valid\"] {\n  &:before {\n    background: var(--valid-color);\n    content: \"Great\";\n  }\n}\n","/**\n * Docs: Modal\n */\n\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color:inherit;\n\n  article {\n    max-width: inherit;\n  }\n\n  &:not([open]),\n  &[open=false] {\n    display: none;\n  }\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}","/**\n * Docs: Navs\n */\n\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n\n  &.container-fluid {\n    padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n\n  a {\n    border-radius: 0;\n  }\n\n  svg {\n    vertical-align: text-bottom;\n  }\n\n  // Band & Title\n  ul:first-of-type li {\n    // Brand\n    &:first-of-type {\n      a {\n        width: 3.5rem;\n        height: 3.5rem;\n        margin-left: calc(var(--spacing) * -1);\n        padding: 0;\n        background: var(--h1-color);\n        color: var(--nav-logo-color);\n\n        svg {\n          height: 3.5rem;\n        }\n      }\n    }\n\n    // Title\n    &:nth-of-type(2) {\n      display: none;\n      margin-left: var(--spacing);\n      color: var(--h1-color);\n\n      @media (min-width: map-get($breakpoints, \"lg\")) {\n        display: inline;\n      }\n    }\n  }\n}\n","/**\n * Docs: Theme switcher\n */\n\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n\n  &::after {\n    display: inline-block;\n    width: 1rem;\n    height: 1rem;\n    border: 0.15rem solid currentColor;\n    border-radius: 50%;\n    background: linear-gradient(\n      to right,\n      currentColor 0%,\n      currentColor 50%,\n      transparent 50%\n    );\n    content: \"\";\n    vertical-align: bottom;\n    transition: transform var(--transition);\n  }\n\n  i {\n    display: inline-block;\n    max-width: 0;\n    padding: 0;\n    overflow: hidden;\n    font-style: normal;\n    font-size: 0.875rem;\n    white-space: nowrap;\n  }\n\n  &:hover,\n  &:focus {\n    max-width: 100%;\n    transition: background-color var(--transition),\n      border-color var(--transition), color var(--transition),\n      box-shadow var(--transition);\n  }\n\n  &:hover {\n    &::after {\n      transform: rotate(180deg);\n    }\n\n    i {\n      max-width: 100%;\n      padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n      transition: max-width var(--transition), padding var(--transition);\n    }\n  }\n\n  &:focus {\n    box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n  }\n\n  @media (min-width: map-get($breakpoints, \"sm\")) {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n"]}
\ No newline at end of file
+{"version":3,"sources":["docs\\scss\\pico.docs.scss","docs\\scss\\themes\\docs\\_icons.scss","docs\\css\\pico.docs.css","docs\\scss\\themes\\docs\\_light.scss","docs\\scss\\themes\\_docs.scss","docs\\scss\\themes\\docs\\_dark.scss","docs\\scss\\layout\\_document.scss","docs\\scss\\layout\\_main.scss","docs\\scss\\layout\\_aside.scss","docs\\scss\\layout\\_documentation.scss","docs\\scss\\content\\_typography.scss","docs\\scss\\content\\_code.scss","docs\\scss\\components\\_modal.scss","docs\\scss\\components\\_nav.scss","docs\\scss\\components\\_theme-switcher.scss"],"names":[],"mappings":"AAAA;;ACEA,MACE,gBAAA,sbACA,aAAA,6QACA,kBAAA,0RCQF,6BCXA,mBAEE,gBAAA,QACA,cAAA,QACA,uBAAA,yBACA,mBAAA,yBACA,iBAAA,KACA,gCAAA,QCKF,mDACE,8BCbA,gBAAA,uBACA,cAAA,uBACA,uBAAA,sBACA,mBAAA,yBACA,iBAAA,QACA,gCAAA,8BDeF,kBCpBE,gBAAA,uBACA,cAAA,uBACA,uBAAA,sBACA,mBAAA,yBACA,iBAAA,QACA,gCAAA,6BCHF,KACE,gBAAA,OCGF,UACE,YAAA,6CAGE,yBAJJ,UAKM,2BAAA,4BACA,gBAAA,0CACA,QAAA,KACA,sBAAA,MAAA,MAKF,0BAbJ,UAcM,2BAAA,0BL8CN,6BK1CE,gBAEE,UAAA,EAKJ,+FAEE,QAAA,aACA,MAAA,KACA,OAAA,KACA,iBAAA,qBACA,oBAAA,IAAA,OACA,gBAAA,OAAA,KACA,kBAAA,UACA,QAAA,GAIF,IACE,OAAA,KCzCA,eACE,MAAA,KACA,eAAA,8BAEA,yBAJF,eAKI,SAAA,MACA,MAAA,MACA,WAAA,qBACA,WAAA,OACA,WAAA,MAGF,wCACE,OAAA,EACA,cAAA,eACA,QAAA,EACA,eAAA,eACA,cAAA,oBAAA,MAAA,8BAEA,4CACE,aAAA,0BACA,eAAA,KAGF,yBAZF,wCAaI,QAAA,MAOA,sEACE,QAAA,KAIJ,wCACE,QAAA,KAGF,yBACE,wCACE,QAAA,MAGF,yDACE,QAAA,MAOF,wDACE,QAAA,KAOR,cNqEF,mBMnEI,YAAA,EACA,eAAA,EACA,UAAA,KAGF,gBACE,QAAA,QAAA,MAEA,oBACE,eAAA,OAIJ,6BACE,iBAAA,YACA,MAAA,qBAGF,oBNiEF,0BM/DI,MAAA,eAGF,mBACE,cAAA,KAEA,2BACE,MAAA,gBACA,YAAA,IACA,UAAA,KACA,eAAA,UAEA,kCACE,QAAA,KAKF,iCACE,cAAA,2BAEA,6CACE,MAAA,gBCzGN,4CACE,cAAA,KAGF,gCACE,WAAA,OAOJ,sBACE,QAAA,KACA,mBAAA,cACA,sBAAA,cACA,cAAA,EACA,SAAA,OAEA,yBAPF,sBAQI,mBAAA,IACA,sBAAA,eACA,wBAAA,qBACA,uBAAA,sBAGF,8BACE,WAAA,EACA,wBAAA,EACA,uBAAA,EAGF,6BACE,cAAA,EACA,QAAA,EACA,YAAA,KACA,OAAA,KACA,cAAA,EAEA,mCACE,WAAA,KAGF,oCACE,iBAAA,kBACA,oBAAA,OACA,gBAAA,OAAA,KACA,kBAAA,UACA,WAAA,MAAA,EAAA,EAAA,KAAA,EAAA,gBAKA,sDAAA,qDAAA,uDACE,iBAAA,uBAMR,kBACE,WAAA,MAAA,kBAGF,yCACE,aAAA,eAKJ,MACE,wBAAA,KAEA,aACE,QAAA,MACA,MAAA,KACA,cAAA,eAEA,yBALF,aAMI,QAAA,aACA,MAAA,KACA,aAAA,OAGF,iBACE,OAAA,iBACA,aAAA,MACA,OAAA,IAAA,MAAA,aACA,cAAA,KACA,WAAA,aAKF,cACE,QAAA,wBAAA,EACA,cAAA,qBACA,WAAA,6BACA,UAAA,MACA,WAAA,OAIJ,cACE,WAAA,6CAEA,kBACE,eAAA,OAMN,gBACE,aAAA,EAKA,cACE,cAAA,KC3HJ,GACE,WAAA,OAGF,eACE,cAAA,6CAGF,eACE,aAAA,4CACA,cAAA,mCAIA,2BRmRF,2BACA,2BQjRI,YAAA,EChBJ,oBACE,WAAA,qCAEF,YT0SA,iBSxSE,cAAA,EACA,WAAA,IAKF,YACE,OAAA,8BAAA,EACA,QAAA,yCAAA,gCAEA,WAAA,qCACA,WAAA,uBAIF,qBTsSA,mBSpSE,SAAA,SACA,cAAA,YAGA,4BTqSF,0BSpSI,QAAA,MACA,SAAA,SACA,IAAA,EACA,MAAA,EACA,QAAA,QAAA,OACA,cAAA,EACA,MAAA,uBACA,UAAA,KACA,YAAA,EAEA,yBAXF,4BTkTF,0BStSM,IAAA,eACA,MAAA,gBAKJ,0BTsSF,wBSrSI,QAAA,yDAAA,gCAOF,4BACE,WAAA,qBACA,QAAA,eAKF,0BACE,WAAA,mBACA,QAAA,QC9DJ,eACE,QAAA,MACA,QAAA,QACA,SAAA,SACA,IAAA,QACA,MAAA,QACA,OAAA,QACA,KAAA,QACA,YAAA,QACA,gBAAA,QACA,MAAA,QACA,UAAA,QACA,OAAA,QACA,WAAA,QACA,QAAA,EACA,iBAAA,QAEA,uBACE,UAAA,QAGF,2BAAA,2BAEE,QAAA,KAIJ,4BACE,OAAA,cC5BF,SACE,wBAAA,eAAA,WACA,QAAA,GACA,SAAA,MACA,IAAA,EACA,MAAA,EACA,KAAA,EACA,gBAAA,eAAA,WACA,iBAAA,4BACA,WAAA,EAAA,IAAA,EAAA,wBAEA,yBACE,cAAA,kDAGF,WACE,cAAA,EAGF,aACE,eAAA,YAOE,6CACE,MAAA,OACA,OAAA,OACA,YAAA,0BACA,QAAA,EACA,WAAA,gBACA,MAAA,sBAEA,iDACE,OAAA,OAMN,4CACE,QAAA,KACA,YAAA,eACA,MAAA,gBAEA,yBALF,4CAMI,QAAA,QChDR,UACE,SAAA,MACA,MAAA,qDACA,OAAA,eACA,MAAA,KACA,cAAA,EACA,QAAA,OACA,cAAA,KACA,WAAA,uBACA,YAAA,EACA,WAAA,MAEA,iBACE,QAAA,aACA,MAAA,KACA,OAAA,KACA,OAAA,OAAA,MAAA,aACA,cAAA,IACA,WAAA,0EAMA,QAAA,GACA,eAAA,OACA,WAAA,UAAA,kBAGF,YACE,QAAA,aACA,UAAA,EACA,QAAA,EACA,SAAA,OACA,WAAA,OACA,UAAA,QACA,YAAA,OAGF,gBAAA,gBAEE,UAAA,KACA,WAAA,iBAAA,iBAAA,CAAA,aAAA,iBAAA,CAAA,MAAA,iBAAA,CAAA,WAAA,kBAMA,uBACE,UAAA,eAGF,kBACE,UAAA,KACA,QAAA,EAAA,wBAAA,EAAA,wBACA,WAAA,UAAA,iBAAA,CAAA,QAAA,kBAIJ,gBACE,WAAA,sBAAA,CAAA,EAAA,EAAA,EAAA,MAAA,uBAGF,yBA/DF,UAgEI,MAAA","sourcesContent":["/*!\r\n * Pico: Customs styles for Docs\r\n */\r\n\r\n// Config\r\n@import \"../../scss/variables\";\r\n\r\n// Theming\r\n@import \"themes/docs\";\r\n\r\n// Layout\r\n@import \"layout/document\";\r\n@import \"layout/main\";\r\n@import \"layout/aside\";\r\n@import \"layout/documentation\";\r\n\r\n// Content\r\n@import \"content/typography\";\r\n@import \"content/code\";\r\n\r\n// Components\r\n@import \"components/modal\";\r\n@import \"components/nav\";\r\n@import \"components/theme-switcher\";\r\n","// Icons\r\n// Source: https://feathericons.com/\r\n:root {\r\n  --icon-external: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\r\n  --icon-check: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-check-dark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n}\r\n","/*!\n * Pico: Customs styles for Docs\n */\n/**\n * Theme: Additions for docs\n */\n:root {\n  --icon-external: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' opacity='0.66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-check: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-check-dark: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(0, 0, 0, 0.75)' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --invalid-color: #c62828;\n  --valid-color: #388e3c;\n  --nav-background-color: rgba(255, 255, 255, 0.7);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #fff;\n  --article-code-background-color: #f9fafb;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme=light]) {\n    --invalid-color: rgba(183, 28, 28, 0.5);\n    --valid-color: rgba(46, 125, 50, 0.5);\n    --nav-background-color: rgba(16, 24, 30, 0.8);\n    --nav-border-color: rgba(115, 130, 140, 0.2);\n    --nav-logo-color: #0e1419;\n    --article-code-background-color: var(--code-background-color);\n  }\n}\n[data-theme=dark] {\n  --invalid-color: rgba(183, 28, 28, 0.5);\n  --valid-color: rgba(46, 125, 50, 0.5);\n  --nav-background-color: rgba(16, 24, 30, 0.8);\n  --nav-border-color: rgba(115, 130, 140, 0.2);\n  --nav-logo-color: #0e1419;\n  --article-code-background-color: var(--code-background-color);\n}\n\n/**\n * Docs: Document\n */\nhtml {\n  scroll-behavior: smooth;\n}\n\n/**\n * Docs: Main (Grid)\n */\nbody > main {\n  padding-top: calc(var(--block-spacing-vertical) + 3.5rem);\n}\n@media (min-width: 992px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n    grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\n    display: grid;\n    grid-template-columns: 200px auto;\n  }\n}\n@media (min-width: 1200px) {\n  body > main {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\nbody > main > aside,\nbody > main div[role=document] {\n  min-width: 0;\n}\n\ndiv[role=document] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  background-image: var(--icon-external);\n  background-position: top center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\nsvg {\n  height: 1rem;\n}\n\n/**\n * Docs: Aside\n */\nmain > aside nav {\n  width: 100%;\n  padding-bottom: var(--block-spacing-vertical);\n}\n@media (min-width: 992px) {\n  main > aside nav {\n    position: fixed;\n    width: 200px;\n    max-height: calc(100vh - 5.5rem);\n    overflow-x: hidden;\n    overflow-y: auto;\n  }\n}\nmain > aside nav a#toggle-docs-navigation {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\nmain > aside nav a#toggle-docs-navigation svg {\n  margin-right: calc(var(--spacing) * 0.5);\n  vertical-align: -3px;\n}\n@media (min-width: 992px) {\n  main > aside nav a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.closed-on-mobile a#toggle-docs-navigation svg.collapse {\n  display: none;\n}\nmain > aside nav.closed-on-mobile details {\n  display: none;\n}\n@media (min-width: 992px) {\n  main > aside nav.closed-on-mobile details {\n    display: block;\n  }\n  main > aside nav.closed-on-mobile > a#toggle-docs-navigation {\n    display: none;\n  }\n}\nmain > aside nav.open a#toggle-docs-navigation svg.expand {\n  display: none;\n}\nmain > aside li,\nmain > aside summary {\n  padding-top: 0;\n  padding-bottom: 0;\n  font-size: 16px;\n}\nmain > aside li a {\n  padding: 0.375rem 0.5rem;\n}\nmain > aside li a svg {\n  vertical-align: middle;\n}\nmain > aside a.secondary:focus {\n  background-color: transparent;\n  color: var(--primary-hover);\n}\nmain > aside a.active,\nmain > aside a.active:hover {\n  color: var(--primary);\n}\nmain > aside details {\n  border-bottom: none;\n}\nmain > aside details summary {\n  color: var(--h1-color);\n  font-weight: 300;\n  font-size: 14px;\n  text-transform: uppercase;\n}\nmain > aside details summary::after {\n  display: none;\n}\nmain > aside details[open] > summary {\n  margin-bottom: calc(var(--spacing) * 0.75);\n}\nmain > aside details[open] > summary:not(:focus) {\n  color: var(--h1-color);\n}\n\n/**\n * Docs: Documentation\n */\n#themes button.theme-switcher:first-of-type {\n  --font-weight: bold;\n}\n#themes button.theme-switcher i {\n  font-style: normal;\n}\n\n#customization figure {\n  display: grid;\n  grid-template-rows: repeat(2, 1fr);\n  grid-template-columns: repeat(9, 1fr);\n  margin-bottom: 0;\n  overflow: hidden;\n}\n@media (min-width: 576px) {\n  #customization figure {\n    grid-template-rows: 1fr;\n    grid-template-columns: repeat(18, 1fr);\n    border-top-right-radius: var(--border-radius);\n    border-top-left-radius: var(--border-radius);\n  }\n}\n#customization figure ~ article {\n  margin-top: 0;\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n}\n#customization figure button {\n  margin-bottom: 0;\n  padding: 0;\n  padding-top: 100%;\n  border: none;\n  border-radius: 0;\n}\n#customization figure button:focus {\n  box-shadow: none;\n}\n#customization figure button.picked {\n  background-image: var(--icon-check);\n  background-position: center;\n  background-size: 0.66rem auto;\n  background-repeat: no-repeat;\n  box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\n}\n#customization figure button[data-color=lime].picked, #customization figure button[data-color=yellow].picked, #customization figure button[data-color=amber].picked {\n  background-image: var(--icon-check-dark);\n}\n#customization h4 {\n  transition: color var(--transition);\n}\n#customization pre[data-theme=generated] {\n  border-color: var(--primary);\n}\n\n#grid {\n  --grid-spacing-vertical: 1rem;\n}\n#grid button {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n@media (min-width: 576px) {\n  #grid button {\n    display: inline-block;\n    width: auto;\n    margin-right: 0.5rem;\n  }\n}\n#grid button svg {\n  stroke: var(--secondary);\n  margin-right: 0.5rem;\n  border: 2px solid currentColor;\n  border-radius: 1rem;\n  background: currentColor;\n}\n#grid .grid > * {\n  padding: calc(var(--spacing) / 2) 0;\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  font-size: 87.5%;\n  text-align: center;\n}\n#grid details {\n  margin-top: calc(var(--typography-spacing-vertical) * 2);\n}\n#grid details svg {\n  vertical-align: bottom;\n}\n\n#forms div.grid {\n  grid-row-gap: 0;\n}\n\n#modal button {\n  --font-weight: bold;\n}\n\n/**\n * Docs: Typography\n */\nh1 {\n  margin-top: -0.25em;\n}\n\nsection > hgroup {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\n}\n\na[role=button] {\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\n[role=document] section > h1,\n[role=document] section > h2,\n[role=document] section > h3 {\n  line-height: 1;\n}\n\n/**\n * Docs: Code\n */\narticle > footer.code {\n  background: var(--article-code-background-color);\n}\n\narticle pre,\narticle pre code {\n  margin-bottom: 0;\n  background: transparent;\n}\n\nsection > pre {\n  margin: var(--block-spacing-vertical) 0;\n  padding: calc(var(--block-spacing-vertical) / 1.5) var(--block-spacing-horizontal);\n  background: var(--article-code-background-color);\n  box-shadow: var(--card-box-shadow);\n}\n\n[data-theme=invalid],\n[data-theme=valid] {\n  position: relative;\n  margin-bottom: 0 !important;\n}\n[data-theme=invalid]:before,\n[data-theme=valid]:before {\n  display: block;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0.375rem 0.75rem;\n  border-radius: 0;\n  color: var(--primary-inverse);\n  font-size: 14px;\n  line-height: 1;\n}\n@media (min-width: 992px) {\n  [data-theme=invalid]:before,\n[data-theme=valid]:before {\n    top: var(--spacing);\n    right: var(--spacing);\n  }\n}\n[data-theme=invalid] code,\n[data-theme=valid] code {\n  padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem) var(--block-spacing-horizontal);\n}\n\n[data-theme=invalid]:before {\n  background: var(--invalid-color);\n  content: \"Not so great\";\n}\n\n[data-theme=valid]:before {\n  background: var(--valid-color);\n  content: \"Great\";\n}\n\n/**\n * Docs: Modal\n */\ndialog.example {\n  display: block;\n  z-index: inherit;\n  position: relative;\n  top: inherit;\n  right: inherit;\n  bottom: inherit;\n  left: inherit;\n  align-items: inherit;\n  justify-content: inherit;\n  width: inherit;\n  min-width: inherit;\n  height: inherit;\n  min-height: inherit;\n  padding: 0;\n  background-color: inherit;\n}\ndialog.example article {\n  max-width: inherit;\n}\ndialog.example:not([open]), dialog.example[open=false] {\n  display: none;\n}\n\n.dialog-is-open body > button {\n  filter: blur(0.125rem);\n}\n\n/**\n * Docs: Navs\n */\nbody > nav {\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\n  z-index: 99;\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  backdrop-filter: saturate(180%) blur(20px);\n  background-color: var(--nav-background-color);\n  box-shadow: 0px 1px 0 var(--nav-border-color);\n}\nbody > nav.container-fluid {\n  padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n}\nbody > nav a {\n  border-radius: 0;\n}\nbody > nav svg {\n  vertical-align: text-bottom;\n}\nbody > nav ul:first-of-type li:first-of-type a {\n  width: 3.5rem;\n  height: 3.5rem;\n  margin-left: calc(var(--spacing) * -1);\n  padding: 0;\n  background: var(--h1-color);\n  color: var(--nav-logo-color);\n}\nbody > nav ul:first-of-type li:first-of-type a svg {\n  height: 3.5rem;\n}\nbody > nav ul:first-of-type li:nth-of-type(2) {\n  display: none;\n  margin-left: var(--spacing);\n  color: var(--h1-color);\n}\n@media (min-width: 992px) {\n  body > nav ul:first-of-type li:nth-of-type(2) {\n    display: inline;\n  }\n}\n\n/**\n * Docs: Theme switcher\n */\n.switcher {\n  position: fixed;\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\n  bottom: var(--spacing);\n  width: auto;\n  margin-bottom: 0;\n  padding: 0.75rem;\n  border-radius: 2rem;\n  box-shadow: var(--card-box-shadow);\n  line-height: 1;\n  text-align: right;\n}\n.switcher::after {\n  display: inline-block;\n  width: 1rem;\n  height: 1rem;\n  border: 0.15rem solid currentColor;\n  border-radius: 50%;\n  background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%);\n  content: \"\";\n  vertical-align: bottom;\n  transition: transform var(--transition);\n}\n.switcher i {\n  display: inline-block;\n  max-width: 0;\n  padding: 0;\n  overflow: hidden;\n  font-style: normal;\n  font-size: 0.875rem;\n  white-space: nowrap;\n}\n.switcher:hover, .switcher:focus {\n  max-width: 100%;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n.switcher:hover::after {\n  transform: rotate(180deg);\n}\n.switcher:hover i {\n  max-width: 100%;\n  padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\n  transition: max-width var(--transition), padding var(--transition);\n}\n.switcher:focus {\n  box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\n}\n@media (min-width: 576px) {\n  .switcher {\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\n  }\n}\n\n/*# sourceMappingURL=pico.docs.css.map */","// Light theme (Default) [Additions for docs]\r\n// Can be forced with data-theme=\"light\"\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --invalid-color: #{$red-800};\r\n  --valid-color: #{$green-700};\r\n  --nav-background-color: #{rgba($white, 0.7)};\r\n  --nav-border-color: #{rgba($grey-500, 0.2)};\r\n  --nav-logo-color: #{$white};\r\n  --article-code-background-color: #{mix($grey-50, $white, 33%)};\r\n}\r\n","/**\r\n * Theme: Additions for docs\r\n */\r\n\r\n@import \"../../../scss/themes/default/colors\";\r\n@import \"docs/icons\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"docs/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"docs/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n  :root:not([data-theme=\"light\"]) {\r\n    @include dark;\r\n  }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n  @include dark;\r\n}\r\n","// Dark theme [Additions for docs]\r\n@mixin dark {\r\n  --invalid-color: #{rgba($red-900, 0.5)};\r\n  --valid-color: #{rgba($green-800, 0.5)};\r\n  --nav-background-color: #{rgba(darken($grey-900, 6%), 0.8)};\r\n  --nav-border-color: #{rgba($grey-500, 0.2)};\r\n  --nav-logo-color: #{mix($black, $grey-900)};\r\n  --article-code-background-color: var(--code-background-color);\r\n}\r\n","/**\r\n * Docs: Document\r\n */\r\n\r\nhtml {\r\n  scroll-behavior: smooth;\r\n}\r\n","/**\r\n * Docs: Main (Grid)\r\n */\r\n\r\n// Config\r\n$navHeight: 3.5rem;\r\n\r\n// Main grid\r\nbody > main {\r\n  padding-top: calc(var(--block-spacing-vertical) + #{$navHeight});\r\n\r\n  @if map-get($breakpoints, \"lg\") {\r\n    @media (min-width: map-get($breakpoints, \"lg\")) {\r\n      --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n      grid-column-gap: calc(var(--block-spacing-horizontal) * 3);\r\n      display: grid;\r\n      grid-template-columns: 200px auto;\r\n    }\r\n  }\r\n\r\n  @if map-get($breakpoints, \"xl\") {\r\n    @media (min-width: map-get($breakpoints, \"xl\")) {\r\n      --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n    }\r\n  }\r\n\r\n  > aside,\r\n  div[role=\"document\"] {\r\n    min-width: 0;\r\n  }\r\n}\r\n\r\n// External links\r\ndiv[role=\"document\"] section a[href*=\"//\"]:not([href*=\"https://picocss.com\"]):not([role])::after\r\n{\r\n  display: inline-block;\r\n  width: 1rem;\r\n  height: 1rem;\r\n  background-image: var(--icon-external);\r\n  background-position: top center;\r\n  background-size: 0.66rem auto;\r\n  background-repeat: no-repeat;\r\n  content: \"\";\r\n}\r\n\r\n// Embedded SVG\r\nsvg {\r\n  height: 1rem;\r\n}\r\n","/**\r\n * Docs: Aside\r\n */\r\n\r\nmain > aside {\r\n\r\n  nav {\r\n    width: 100%;\r\n    padding-bottom: var(--block-spacing-vertical);\r\n  \r\n    @media (min-width: map-get($breakpoints, \"lg\")) {\r\n      position: fixed;\r\n      width: 200px;\r\n      max-height: calc(100vh - 5.5rem);\r\n      overflow-x: hidden;\r\n      overflow-y: auto;\r\n    }\r\n\r\n    a#toggle-docs-navigation {\r\n      margin: 0;\r\n      margin-bottom: var(--spacing);\r\n      padding: 0;\r\n      padding-bottom: var(--spacing);\r\n      border-bottom: var(--border-width) solid var(--accordion-border-color);\r\n\r\n      svg {\r\n        margin-right: calc(var(--spacing) * 0.5);\r\n        vertical-align: -3px;\r\n      }\r\n\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    &.closed-on-mobile {\r\n\r\n      a#toggle-docs-navigation {\r\n        svg.collapse {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      details {\r\n        display: none;\r\n      } \r\n\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        details {\r\n          display: block;\r\n        }\r\n\r\n        > a#toggle-docs-navigation {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.open {\r\n      a#toggle-docs-navigation {\r\n        svg.expand {\r\n          display: none;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  \r\n\r\n  li,\r\n  summary {\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n    font-size: 16px;\r\n  }\r\n\r\n  li a {\r\n    padding: 0.375rem 0.5rem;\r\n\r\n    svg {\r\n      vertical-align: middle;\r\n    }\r\n  }\r\n\r\n  a.secondary:focus {\r\n    background-color: transparent;\r\n    color: var(--primary-hover);\r\n  }\r\n\r\n  a.active,\r\n  a.active:hover {\r\n    color: var(--primary);\r\n  }\r\n\r\n  details {\r\n    border-bottom: none;\r\n\r\n    summary {\r\n      color: var(--h1-color);\r\n      font-weight: 300;\r\n      font-size: 14px;\r\n      text-transform: uppercase;\r\n\r\n      &::after {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    &[open] {\r\n      > summary {\r\n        margin-bottom: calc(var(--spacing) * 0.75);\r\n\r\n        &:not(:focus) {\r\n          color: var(--h1-color);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Docs: Documentation\r\n */\r\n\r\n// Docs: Themes\r\n#themes {\r\n  button.theme-switcher {\r\n    &:first-of-type {\r\n      --font-weight: bold;\r\n    }\r\n    \r\n    i {\r\n      font-style: normal;\r\n    }\r\n  }\r\n}\r\n\r\n// Docs: Customization\r\n#customization {\r\n  figure {\r\n    display: grid;\r\n    grid-template-rows: repeat(2, 1fr);\r\n    grid-template-columns: repeat(9, 1fr);\r\n    margin-bottom: 0;\r\n    overflow: hidden;\r\n\r\n    @media (min-width: map-get($breakpoints, \"sm\")) {\r\n      grid-template-rows: 1fr;\r\n      grid-template-columns: repeat(18, 1fr);\r\n      border-top-right-radius: var(--border-radius);\r\n      border-top-left-radius: var(--border-radius);\r\n    }\r\n\r\n    ~ article {\r\n      margin-top: 0;\r\n      border-top-right-radius: 0;\r\n      border-top-left-radius: 0;\r\n    }\r\n\r\n    button {\r\n      margin-bottom: 0;\r\n      padding: 0;\r\n      padding-top: 100%;\r\n      border: none;\r\n      border-radius: 0;\r\n\r\n      &:focus {\r\n        box-shadow: none;\r\n      }\r\n\r\n      &.picked {\r\n        background-image: var(--icon-check);\r\n        background-position: center;\r\n        background-size: 0.66rem auto;\r\n        background-repeat: no-repeat;\r\n        box-shadow: inset 0 0 1rem 0 rgba(0, 0, 0, 0.25);\r\n      }\r\n      &[data-color=\"lime\"],\r\n      &[data-color=\"yellow\"],\r\n      &[data-color=\"amber\"] {\r\n        &.picked {\r\n          background-image: var(--icon-check-dark);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  h4 {\r\n    transition: color var(--transition);\r\n  }\r\n\r\n  pre[data-theme=\"generated\"] {\r\n    border-color: var(--primary);\r\n  }\r\n}\r\n\r\n// Docs: Grid\r\n#grid {\r\n  --grid-spacing-vertical: 1rem;\r\n\r\n  button {\r\n    display: block;\r\n    width: 100%;\r\n    margin-bottom: var(--spacing);\r\n\r\n    @media (min-width: map-get($breakpoints, \"sm\")) {\r\n      display: inline-block;\r\n      width: auto;\r\n      margin-right: 0.5rem;\r\n    }\r\n\r\n    svg {\r\n      stroke: var(--secondary);\r\n      margin-right: 0.5rem;\r\n      border: 2px solid currentColor;\r\n      border-radius: 1rem;\r\n      background: currentColor;\r\n    }\r\n  }\r\n\r\n  .grid {\r\n    > * {\r\n      padding: calc(var(--spacing) / 2) 0;\r\n      border-radius: var(--border-radius);\r\n      background: var(--code-background-color);\r\n      font-size: 87.5%;\r\n      text-align: center;\r\n    }\r\n  }\r\n\r\n  details {\r\n    margin-top: calc(var(--typography-spacing-vertical) * 2);\r\n\r\n    svg {\r\n      vertical-align: bottom;\r\n    }\r\n  }\r\n}\r\n\r\n// Docs: Forms\r\n#forms div.grid {\r\n  grid-row-gap: 0;\r\n}\r\n\r\n// Docs: Modal\r\n#modal {\r\n  button {\r\n    --font-weight: bold;\r\n  }\r\n}\r\n","/**\r\n * Docs: Typography\r\n */\r\n\r\nh1 {\r\n  margin-top: -0.25em;\r\n}\r\n\r\nsection > hgroup {\r\n  margin-bottom: calc(var(--typography-spacing-vertical) * 2);\r\n}\r\n\r\na[role=\"button\"] {\r\n  margin-right: calc(var(--typography-spacing-vertical) / 4);\r\n  margin-bottom: var(--typography-spacing-vertical);\r\n}\r\n\r\n[role=\"document\"] {\r\n  section > h1,\r\n  section > h2,\r\n  section > h3 {\r\n    line-height: 1;\r\n  }\r\n}\r\n","/**\r\n * Docs: Code\r\n */\r\n\r\n// Code block inside article\r\narticle > footer.code {\r\n  background: var(--article-code-background-color);\r\n}\r\narticle pre,\r\narticle pre code {\r\n  margin-bottom: 0;\r\n  background: transparent;\r\n}\r\n\r\n// Code block outside article\r\n// Horizontally aligned with <article> content\r\nsection > pre {\r\n  margin: var(--block-spacing-vertical) 0;\r\n  padding: calc(var(--block-spacing-vertical) / 1.5)\r\n    var(--block-spacing-horizontal);\r\n  background: var(--article-code-background-color);\r\n  box-shadow: var(--card-box-shadow);\r\n}\r\n\r\n// Badge for Valid & Invalid code\r\n[data-theme=\"invalid\"],\r\n[data-theme=\"valid\"] {\r\n  position: relative;\r\n  margin-bottom: 0 !important;\r\n\r\n  // Label\r\n  &:before {\r\n    display: block;\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    padding: 0.375rem 0.75rem;\r\n    border-radius: 0;\r\n    color: var(--primary-inverse);\r\n    font-size: 14px;\r\n    line-height: 1;\r\n\r\n    @media (min-width: map-get($breakpoints, \"lg\")) {\r\n      top: var(--spacing);\r\n      right: var(--spacing);\r\n    }\r\n  }\r\n\r\n  // Spacing for Valid & Invalid badge\r\n  code {\r\n    padding: calc(var(--block-spacing-vertical) / 1.5 + 14px + 0.75rem)\r\n      var(--block-spacing-horizontal);\r\n  }\r\n}\r\n\r\n// Color for Valid & Invalid code\r\n[data-theme=\"invalid\"] {\r\n  &:before {\r\n    background: var(--invalid-color);\r\n    content: \"Not so great\";\r\n  }\r\n}\r\n\r\n[data-theme=\"valid\"] {\r\n  &:before {\r\n    background: var(--valid-color);\r\n    content: \"Great\";\r\n  }\r\n}\r\n","/**\r\n * Docs: Modal\r\n */\r\n\r\ndialog.example {\r\n  display: block;\r\n  z-index: inherit;\r\n  position: relative;\r\n  top: inherit;\r\n  right: inherit;\r\n  bottom: inherit;\r\n  left: inherit;\r\n  align-items: inherit;\r\n  justify-content: inherit;\r\n  width: inherit;\r\n  min-width: inherit;\r\n  height: inherit;\r\n  min-height: inherit;\r\n  padding: 0;\r\n  background-color:inherit;\r\n\r\n  article {\r\n    max-width: inherit;\r\n  }\r\n\r\n  &:not([open]),\r\n  &[open=false] {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.dialog-is-open body > button {\r\n  filter: blur(0.125rem);\r\n}","/**\r\n * Docs: Navs\r\n */\r\n\r\nbody > nav {\r\n  -webkit-backdrop-filter: saturate(180%) blur(20px);\r\n  z-index: 99;\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  left: 0;\r\n  backdrop-filter: saturate(180%) blur(20px);\r\n  background-color: var(--nav-background-color);\r\n  box-shadow: 0px 1px 0 var(--nav-border-color);\r\n\r\n  &.container-fluid {\r\n    padding-right: calc(var(--spacing) + var(--scrollbar-width, 0px));\r\n  }\r\n\r\n  a {\r\n    border-radius: 0;\r\n  }\r\n\r\n  svg {\r\n    vertical-align: text-bottom;\r\n  }\r\n\r\n  // Band & Title\r\n  ul:first-of-type li {\r\n    // Brand\r\n    &:first-of-type {\r\n      a {\r\n        width: 3.5rem;\r\n        height: 3.5rem;\r\n        margin-left: calc(var(--spacing) * -1);\r\n        padding: 0;\r\n        background: var(--h1-color);\r\n        color: var(--nav-logo-color);\r\n\r\n        svg {\r\n          height: 3.5rem;\r\n        }\r\n      }\r\n    }\r\n\r\n    // Title\r\n    &:nth-of-type(2) {\r\n      display: none;\r\n      margin-left: var(--spacing);\r\n      color: var(--h1-color);\r\n\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        display: inline;\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Docs: Theme switcher\r\n */\r\n\r\n.switcher {\r\n  position: fixed;\r\n  right: calc(var(--spacing) / 2 + var(--scrollbar-width, 0px));\r\n  bottom: var(--spacing);\r\n  width: auto;\r\n  margin-bottom: 0;\r\n  padding: 0.75rem;\r\n  border-radius: 2rem;\r\n  box-shadow: var(--card-box-shadow);\r\n  line-height: 1;\r\n  text-align: right;\r\n\r\n  &::after {\r\n    display: inline-block;\r\n    width: 1rem;\r\n    height: 1rem;\r\n    border: 0.15rem solid currentColor;\r\n    border-radius: 50%;\r\n    background: linear-gradient(\r\n      to right,\r\n      currentColor 0%,\r\n      currentColor 50%,\r\n      transparent 50%\r\n    );\r\n    content: \"\";\r\n    vertical-align: bottom;\r\n    transition: transform var(--transition);\r\n  }\r\n\r\n  i {\r\n    display: inline-block;\r\n    max-width: 0;\r\n    padding: 0;\r\n    overflow: hidden;\r\n    font-style: normal;\r\n    font-size: 0.875rem;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    max-width: 100%;\r\n    transition: background-color var(--transition),\r\n      border-color var(--transition), color var(--transition),\r\n      box-shadow var(--transition);\r\n  }\r\n\r\n  &:hover {\r\n    &::after {\r\n      transform: rotate(180deg);\r\n    }\r\n\r\n    i {\r\n      max-width: 100%;\r\n      padding: 0 calc(var(--spacing) / 2) 0 calc(var(--spacing) / 4);\r\n      transition: max-width var(--transition), padding var(--transition);\r\n    }\r\n  }\r\n\r\n  &:focus {\r\n    box-shadow: var(--card-box-shadow), 0 0 0 0.2rem var(--secondary-focus);\r\n  }\r\n\r\n  @media (min-width: map-get($breakpoints, \"sm\")) {\r\n    right: calc(var(--spacing) + var(--scrollbar-width, 0px));\r\n  }\r\n}\r\n"]}
\ No newline at end of file
diff --git a/docs/navs.html b/docs/navs.html
index 1c23873e..c9b18633 100644
--- a/docs/navs.html
+++ b/docs/navs.html
@@ -25,4 +25,10 @@
       &lt;<b>li</b>&gt;&lt;<b>a</b> <i>href</i>=<u>"#"</u>&gt;Link&lt;/<b>a</b>&gt;&lt;/<b>li</b>&gt;
     &lt;/<b>ul</b>&gt;
   &lt;/<b>nav</b>&gt;
-&lt;/<b>aside</b>&gt;</code></pre></footer></article></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
+&lt;/<b>aside</b>&gt;</code></pre></footer></article><p>With <code><b>aria-label="breadcrumb"</b></code>, you can turn a nav into a breadcrumb, specifying the current page with: <code><b>aria-current="page"</b></code>.</p><article aria-label="breadcrumb nav example"><nav aria-label="breadcrumb"><ul><li><a href="#">First link</a></li><li><a href="#">Second link</a></li><li><a aria-current="page">Last link</a></li></ul></nav><footer class="code"><pre><code>&lt;<b>nav</b> <i>aria-label</i>=<u>"breadcrumb"</u>&gt;
+  &lt;<b>ul</b>&gt;
+    &lt;<b>li</b>&gt;&lt;<b>a</b> <i>href</i>=<u>"#"</u>&gt;First link&lt;<b>/a</b>&gt;&lt;<b>/li</b>&gt;
+    &lt;<b>li</b>&gt;&lt;<b>a</b> <i>href</i>=<u>"#"</u>&gt;Second link&lt;<b>/a</b>&gt;&lt;<b>/li</b>&gt;
+    &lt;<b>li</b>&gt;&lt;<b>a</b> <i>aria-current</i>=<u>"page"</u>&gt;Last link&lt;<b>/a</b>&gt;&lt;<b>/li</b>&gt;
+  &lt;<b>/ul</b>&gt;
+&lt;/<b>nav</b>&gt;</code></pre></footer></article></section><footer><hr><p><small>Code licensed <a href="https://github.com/picocss/pico/blob/master/LICENSE.md" class="secondary">MIT</a></small></p></footer></div></main><script src="js/commons.min.js"></script></body></html>
\ No newline at end of file
diff --git a/scss/themes/default/_dark.scss b/scss/themes/default/_dark.scss
index b0d11a05..a58d7e3a 100644
--- a/scss/themes/default/_dark.scss
+++ b/scss/themes/default/_dark.scss
@@ -1,7 +1,5 @@
 // Default: Dark theme
 @mixin dark {
-  // Document
-  color-scheme: dark;
   --background-color: #{mix($black, $grey-900, 37.5%)};
 
   // Texts colors
@@ -136,4 +134,6 @@
   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+  // Document
+  color-scheme: dark;
 }
diff --git a/scss/themes/default/_light.scss b/scss/themes/default/_light.scss
index 2073bd7d..65b0bf6b 100644
--- a/scss/themes/default/_light.scss
+++ b/scss/themes/default/_light.scss
@@ -1,8 +1,6 @@
 // Default: Light theme
 [data-theme="light"],
 :root:not([data-theme="dark"]) {
-  // Document
-  color-scheme: light;
   --background-color: #{$white};
 
   // Texts colors
@@ -136,4 +134,6 @@
   --icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
   --icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E"); 
   --icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
+  // Document
+  color-scheme: light;
 }