{"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"]}