{"version":3,"sources":["scss\\pico.scss","scss\\themes\\default\\_styles.scss","css\\pico.fluid.classless.css","scss\\themes\\default\\_light.scss","scss\\themes\\default.scss","scss\\themes\\default\\_dark.scss","scss\\layout\\_document.scss","scss\\layout\\_sectioning.scss","scss\\layout\\_section.scss","scss\\layout\\_scroller.scss","scss\\content\\_typography.scss","scss\\content\\_embedded.scss","scss\\content\\_button.scss","scss\\content\\_form.scss","scss\\content\\_form-checkbox-radio.scss","scss\\content\\_form-alt-input-types.scss","scss\\content\\_table.scss","scss\\content\\_code.scss","scss\\content\\_miscs.scss","scss\\components\\_accordion.scss","scss\\components\\_card.scss","scss\\components\\_modal.scss","scss\\components\\_nav.scss","scss\\components\\_progress.scss","scss\\components\\_dropdown.scss","scss\\utilities\\_loading.scss","scss\\utilities\\_tooltip.scss","scss\\utilities\\_accessibility.scss","scss\\utilities\\_reduce-motion.scss"],"names":[],"mappings":"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","sourcesContent":["/*!\r\n * Pico CSS v1.5.10 (https://picocss.com)\r\n * Copyright 2019-2023 - Licensed under MIT\r\n */\r\n\r\n// Config\r\n@import \"variables\";\r\n\r\n// Theming\r\n@import \"themes/default\";\r\n\r\n// Layout\r\n@import \"layout/document\"; // html\r\n@import \"layout/sectioning\"; // body, header, main, footer\r\n@import \"layout/container\"; // .container, .container-fluid\r\n@import \"layout/section\"; // section\r\n@import \"layout/grid\"; // .grid\r\n@import \"layout/scroller\"; // figure\r\n\r\n// Content\r\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\r\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\r\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\r\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\r\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\r\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\r\n@import \"content/table\"; // table, tr, td, ...\r\n@import \"content/code\"; // pre, code, ...\r\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\r\n\r\n// Components\r\n@import \"components/accordion\"; // details, summary\r\n@import \"components/card\"; // article\r\n@import \"components/modal\"; // dialog\r\n@import \"components/nav\"; // nav\r\n@import \"components/progress\"; // progress\r\n@import \"components/dropdown\"; // dropdown\r\n\r\n// Utilities\r\n@import \"utilities/loading\"; // aria-busy=true\r\n@import \"utilities/tooltip\"; // data-tooltip\r\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\r\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\r\n","// Commons Styles\r\n:root {\r\n  // Typography\r\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n  --line-height: 1.5;\r\n  --font-weight: 400;\r\n  --font-size: 16px;\r\n\r\n  // Responsive typography\r\n  @if $enable-responsive-typography {\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        --font-size: 17px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        --font-size: 18px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"lg\") {\r\n      @media (min-width: map-get($breakpoints, \"lg\")) {\r\n        --font-size: 19px;\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"xl\") {\r\n      @media (min-width: map-get($breakpoints, \"xl\")) {\r\n        --font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // Borders\r\n  --border-radius: 0.25rem;\r\n  --border-width: 1px;\r\n  --outline-width: 3px;\r\n\r\n  // Spacings\r\n  --spacing: 1rem;\r\n\r\n  // Spacings for typography elements\r\n  --typography-spacing-vertical: 1.5rem;\r\n\r\n  // Spacings for body > header, body > main, body > footer, section, article\r\n  --block-spacing-vertical: calc(var(--spacing) * 2);\r\n  --block-spacing-horizontal: var(--spacing);\r\n\r\n  @if ($enable-classes and $enable-grid) {\r\n    --grid-spacing-vertical: 0;\r\n    --grid-spacing-horizontal: var(--spacing);\r\n  }\r\n\r\n  // Spacings for form elements and button\r\n  --form-element-spacing-vertical: 0.75rem;\r\n  --form-element-spacing-horizontal: 1rem;\r\n\r\n  // Spacings for nav component\r\n  --nav-element-spacing-vertical: 1rem;\r\n  --nav-element-spacing-horizontal: 0.5rem;\r\n  --nav-link-spacing-vertical: 0.5rem;\r\n  --nav-link-spacing-horizontal: 0.5rem;\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  // Modal (<dialog>)\r\n  --modal-overlay-backdrop-filter: blur(0.25rem);\r\n}\r\n\r\n// Responsives spacings\r\n@if $enable-responsive-spacings {\r\n  // Sectioning\r\n  #{$semantic-root-element} > header,\r\n  #{$semantic-root-element} > main,\r\n  #{$semantic-root-element} > 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, 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","@charset \"UTF-8\";\n/*!\n * Pico CSS v1.5.10 (https://picocss.com)\n * Copyright 2019-2023 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n  --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n    \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n    \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --line-height: 1.5;\n  --font-weight: 400;\n  --font-size: 16px;\n  --border-radius: 0.25rem;\n  --border-width: 1px;\n  --outline-width: 3px;\n  --spacing: 1rem;\n  --typography-spacing-vertical: 1.5rem;\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n  --form-element-spacing-vertical: 0.75rem;\n  --form-element-spacing-horizontal: 1rem;\n  --nav-element-spacing-vertical: 1rem;\n  --nav-element-spacing-horizontal: 0.5rem;\n  --nav-link-spacing-vertical: 0.5rem;\n  --nav-link-spacing-horizontal: 0.5rem;\n  --form-label-font-weight: var(--font-weight);\n  --transition: 0.2s ease-in-out;\n  --modal-overlay-backdrop-filter: blur(0.25rem);\n}\n@media (min-width: 576px) {\n  :root {\n    --font-size: 17px;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --font-size: 18px;\n  }\n}\n@media (min-width: 992px) {\n  :root {\n    --font-size: 19px;\n  }\n}\n@media (min-width: 1200px) {\n  :root {\n    --font-size: 20px;\n  }\n}\n\n@media (min-width: 576px) {\n  #app > header,\n  #app > main,\n  #app > footer,\n  section {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  #app > header,\n  #app > main,\n  #app > footer,\n  section {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n  }\n}\n@media (min-width: 992px) {\n  #app > header,\n  #app > main,\n  #app > footer,\n  section {\n    --block-spacing-vertical: calc(var(--spacing) * 3.5);\n  }\n}\n@media (min-width: 1200px) {\n  #app > header,\n  #app > main,\n  #app > footer,\n  section {\n    --block-spacing-vertical: calc(var(--spacing) * 4);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n@media (min-width: 992px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n  }\n}\n@media (min-width: 1200px) {\n  article {\n    --block-spacing-horizontal: calc(var(--spacing) * 2);\n  }\n}\n\ndialog > article {\n  --block-spacing-vertical: calc(var(--spacing) * 2);\n  --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 2.5);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  dialog > article {\n    --block-spacing-vertical: calc(var(--spacing) * 3);\n    --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n  }\n}\n\na {\n  --text-decoration: none;\n}\n\nsmall {\n  --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  --font-weight: 700;\n}\n\nh1 {\n  --font-size: 2rem;\n  --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n  --font-size: 1.75rem;\n  --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n  --font-size: 1.5rem;\n  --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n  --font-size: 1.25rem;\n  --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n  --font-size: 1.125rem;\n  --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n  --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --border-width: 3px;\n}\n\n:not(thead, tfoot) > * > td {\n  --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n    \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n    \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n  --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --background-color: #fff;\n  --color: hsl(205, 20%, 32%);\n  --h1-color: hsl(205, 30%, 15%);\n  --h2-color: #24333e;\n  --h3-color: hsl(205, 25%, 23%);\n  --h4-color: #374956;\n  --h5-color: hsl(205, 20%, 32%);\n  --h6-color: #4d606d;\n  --muted-color: hsl(205, 10%, 50%);\n  --muted-border-color: hsl(205, 20%, 94%);\n  --primary: hsl(195, 85%, 41%);\n  --primary-hover: hsl(195, 90%, 32%);\n  --primary-focus: rgba(16, 149, 193, 0.125);\n  --primary-inverse: #fff;\n  --secondary: hsl(205, 15%, 41%);\n  --secondary-hover: hsl(205, 20%, 32%);\n  --secondary-focus: rgba(89, 107, 120, 0.125);\n  --secondary-inverse: #fff;\n  --contrast: hsl(205, 30%, 15%);\n  --contrast-hover: #000;\n  --contrast-focus: rgba(89, 107, 120, 0.125);\n  --contrast-inverse: #fff;\n  --mark-background-color: #fff2ca;\n  --mark-color: #543a26;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: transparent;\n  --form-element-border-color: hsl(205, 14%, 68%);\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: transparent;\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: hsl(205, 18%, 86%);\n  --form-element-disabled-border-color: hsl(205, 14%, 68%);\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #c62828;\n  --form-element-invalid-active-border-color: #d32f2f;\n  --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n  --form-element-valid-border-color: #388e3c;\n  --form-element-valid-active-border-color: #43a047;\n  --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n  --switch-background-color: hsl(205, 16%, 77%);\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: hsl(205, 18%, 86%);\n  --range-active-border-color: hsl(205, 16%, 77%);\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: #f6f8f9;\n  --code-background-color: hsl(205, 20%, 94%);\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: hsl(330, 40%, 50%);\n  --code-property-color: hsl(185, 40%, 40%);\n  --code-value-color: hsl(40, 20%, 50%);\n  --code-comment-color: hsl(205, 14%, 68%);\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: var(--background-color);\n  --card-border-color: var(--muted-border-color);\n  --card-box-shadow:\n    0.0145rem 0.029rem 0.174rem rgba(27, 40, 50, 0.01698),\n    0.0335rem 0.067rem 0.402rem rgba(27, 40, 50, 0.024),\n    0.0625rem 0.125rem 0.75rem rgba(27, 40, 50, 0.03),\n    0.1125rem 0.225rem 1.35rem rgba(27, 40, 50, 0.036),\n    0.2085rem 0.417rem 2.502rem rgba(27, 40, 50, 0.04302),\n    0.5rem 1rem 6rem rgba(27, 40, 50, 0.06),\n    0 0 0 0.0625rem rgba(27, 40, 50, 0.015);\n  --card-sectionning-background-color: #fbfbfc;\n  --dropdown-background-color: #fbfbfc;\n  --dropdown-border-color: #e1e6eb;\n  --dropdown-box-shadow: var(--card-box-shadow);\n  --dropdown-color: var(--color);\n  --dropdown-hover-background-color: hsl(205, 20%, 94%);\n  --modal-overlay-background-color: rgba(213, 220, 226, 0.7);\n  --progress-background-color: hsl(205, 18%, 86%);\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron-button-inverse: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(198, 40, 40)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(65, 84, 98)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(56, 142, 60)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme]) {\n    --background-color: #11191f;\n    --color: hsl(205, 16%, 77%);\n    --h1-color: hsl(205, 20%, 94%);\n    --h2-color: #e1e6eb;\n    --h3-color: hsl(205, 18%, 86%);\n    --h4-color: #c8d1d8;\n    --h5-color: hsl(205, 16%, 77%);\n    --h6-color: #afbbc4;\n    --muted-color: hsl(205, 10%, 50%);\n    --muted-border-color: #1f2d38;\n    --primary: hsl(195, 85%, 41%);\n    --primary-hover: hsl(195, 80%, 50%);\n    --primary-focus: rgba(16, 149, 193, 0.25);\n    --primary-inverse: #fff;\n    --secondary: hsl(205, 15%, 41%);\n    --secondary-hover: hsl(205, 10%, 50%);\n    --secondary-focus: rgba(115, 130, 140, 0.25);\n    --secondary-inverse: #fff;\n    --contrast: hsl(205, 20%, 94%);\n    --contrast-hover: #fff;\n    --contrast-focus: rgba(115, 130, 140, 0.25);\n    --contrast-inverse: #000;\n    --mark-background-color: #d1c284;\n    --mark-color: #11191f;\n    --ins-color: #388e3c;\n    --del-color: #c62828;\n    --blockquote-border-color: var(--muted-border-color);\n    --blockquote-footer-color: var(--muted-color);\n    --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    --form-element-background-color: #11191f;\n    --form-element-border-color: #374956;\n    --form-element-color: var(--color);\n    --form-element-placeholder-color: var(--muted-color);\n    --form-element-active-background-color: var(--form-element-background-color);\n    --form-element-active-border-color: var(--primary);\n    --form-element-focus-color: var(--primary-focus);\n    --form-element-disabled-background-color: hsl(205, 25%, 23%);\n    --form-element-disabled-border-color: hsl(205, 20%, 32%);\n    --form-element-disabled-opacity: 0.5;\n    --form-element-invalid-border-color: #b71c1c;\n    --form-element-invalid-active-border-color: #c62828;\n    --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n    --form-element-valid-border-color: #2e7d32;\n    --form-element-valid-active-border-color: #388e3c;\n    --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n    --switch-background-color: #374956;\n    --switch-color: var(--primary-inverse);\n    --switch-checked-background-color: var(--primary);\n    --range-border-color: #24333e;\n    --range-active-border-color: hsl(205, 25%, 23%);\n    --range-thumb-border-color: var(--background-color);\n    --range-thumb-color: var(--secondary);\n    --range-thumb-hover-color: var(--secondary-hover);\n    --range-thumb-active-color: var(--primary);\n    --table-border-color: var(--muted-border-color);\n    --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n    --code-background-color: #18232c;\n    --code-color: var(--muted-color);\n    --code-kbd-background-color: var(--contrast);\n    --code-kbd-color: var(--contrast-inverse);\n    --code-tag-color: hsl(330, 30%, 50%);\n    --code-property-color: hsl(185, 30%, 50%);\n    --code-value-color: hsl(40, 10%, 50%);\n    --code-comment-color: #4d606d;\n    --accordion-border-color: var(--muted-border-color);\n    --accordion-active-summary-color: var(--primary);\n    --accordion-close-summary-color: var(--color);\n    --accordion-open-summary-color: var(--muted-color);\n    --card-background-color: #141e26;\n    --card-border-color: var(--card-background-color);\n    --card-box-shadow:\n      0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),\n      0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),\n      0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),\n      0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),\n      0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),\n      0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),\n      0 0 0 0.0625rem rgba(0, 0, 0, 0.015);\n    --card-sectionning-background-color: #18232c;\n    --dropdown-background-color: hsl(205, 30%, 15%);\n    --dropdown-border-color: #24333e;\n    --dropdown-box-shadow: var(--card-box-shadow);\n    --dropdown-color: var(--color);\n    --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);\n    --modal-overlay-background-color: rgba(36, 51, 62, 0.8);\n    --progress-background-color: #24333e;\n    --progress-color: var(--primary);\n    --loading-spinner-opacity: 0.5;\n    --tooltip-background-color: var(--contrast);\n    --tooltip-color: var(--contrast-inverse);\n    --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-chevron-button-inverse: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n    --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n    --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    color-scheme: dark;\n  }\n}\n[data-theme=dark] {\n  --background-color: #11191f;\n  --color: hsl(205, 16%, 77%);\n  --h1-color: hsl(205, 20%, 94%);\n  --h2-color: #e1e6eb;\n  --h3-color: hsl(205, 18%, 86%);\n  --h4-color: #c8d1d8;\n  --h5-color: hsl(205, 16%, 77%);\n  --h6-color: #afbbc4;\n  --muted-color: hsl(205, 10%, 50%);\n  --muted-border-color: #1f2d38;\n  --primary: hsl(195, 85%, 41%);\n  --primary-hover: hsl(195, 80%, 50%);\n  --primary-focus: rgba(16, 149, 193, 0.25);\n  --primary-inverse: #fff;\n  --secondary: hsl(205, 15%, 41%);\n  --secondary-hover: hsl(205, 10%, 50%);\n  --secondary-focus: rgba(115, 130, 140, 0.25);\n  --secondary-inverse: #fff;\n  --contrast: hsl(205, 20%, 94%);\n  --contrast-hover: #fff;\n  --contrast-focus: rgba(115, 130, 140, 0.25);\n  --contrast-inverse: #000;\n  --mark-background-color: #d1c284;\n  --mark-color: #11191f;\n  --ins-color: #388e3c;\n  --del-color: #c62828;\n  --blockquote-border-color: var(--muted-border-color);\n  --blockquote-footer-color: var(--muted-color);\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --form-element-background-color: #11191f;\n  --form-element-border-color: #374956;\n  --form-element-color: var(--color);\n  --form-element-placeholder-color: var(--muted-color);\n  --form-element-active-background-color: var(--form-element-background-color);\n  --form-element-active-border-color: var(--primary);\n  --form-element-focus-color: var(--primary-focus);\n  --form-element-disabled-background-color: hsl(205, 25%, 23%);\n  --form-element-disabled-border-color: hsl(205, 20%, 32%);\n  --form-element-disabled-opacity: 0.5;\n  --form-element-invalid-border-color: #b71c1c;\n  --form-element-invalid-active-border-color: #c62828;\n  --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n  --form-element-valid-border-color: #2e7d32;\n  --form-element-valid-active-border-color: #388e3c;\n  --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n  --switch-background-color: #374956;\n  --switch-color: var(--primary-inverse);\n  --switch-checked-background-color: var(--primary);\n  --range-border-color: #24333e;\n  --range-active-border-color: hsl(205, 25%, 23%);\n  --range-thumb-border-color: var(--background-color);\n  --range-thumb-color: var(--secondary);\n  --range-thumb-hover-color: var(--secondary-hover);\n  --range-thumb-active-color: var(--primary);\n  --table-border-color: var(--muted-border-color);\n  --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n  --code-background-color: #18232c;\n  --code-color: var(--muted-color);\n  --code-kbd-background-color: var(--contrast);\n  --code-kbd-color: var(--contrast-inverse);\n  --code-tag-color: hsl(330, 30%, 50%);\n  --code-property-color: hsl(185, 30%, 50%);\n  --code-value-color: hsl(40, 10%, 50%);\n  --code-comment-color: #4d606d;\n  --accordion-border-color: var(--muted-border-color);\n  --accordion-active-summary-color: var(--primary);\n  --accordion-close-summary-color: var(--color);\n  --accordion-open-summary-color: var(--muted-color);\n  --card-background-color: #141e26;\n  --card-border-color: var(--card-background-color);\n  --card-box-shadow:\n    0.0145rem 0.029rem 0.174rem rgba(0, 0, 0, 0.01698),\n    0.0335rem 0.067rem 0.402rem rgba(0, 0, 0, 0.024),\n    0.0625rem 0.125rem 0.75rem rgba(0, 0, 0, 0.03),\n    0.1125rem 0.225rem 1.35rem rgba(0, 0, 0, 0.036),\n    0.2085rem 0.417rem 2.502rem rgba(0, 0, 0, 0.04302),\n    0.5rem 1rem 6rem rgba(0, 0, 0, 0.06),\n    0 0 0 0.0625rem rgba(0, 0, 0, 0.015);\n  --card-sectionning-background-color: #18232c;\n  --dropdown-background-color: hsl(205, 30%, 15%);\n  --dropdown-border-color: #24333e;\n  --dropdown-box-shadow: var(--card-box-shadow);\n  --dropdown-color: var(--color);\n  --dropdown-hover-background-color: rgba(36, 51, 62, 0.75);\n  --modal-overlay-background-color: rgba(36, 51, 62, 0.8);\n  --progress-background-color: #24333e;\n  --progress-color: var(--primary);\n  --loading-spinner-opacity: 0.5;\n  --tooltip-background-color: var(--contrast);\n  --tooltip-color: var(--contrast-inverse);\n  --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-chevron-button-inverse: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(0, 0, 0)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(115, 130, 140)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(183, 28, 28)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(255, 255, 255)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n  --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(162, 175, 185)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n  --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(46, 125, 50)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n  color-scheme: dark;\n}\n\nprogress,\n[type=checkbox],\n[type=radio],\n[type=range] {\n  accent-color: var(--primary);\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n  background-repeat: no-repeat;\n}\n\n::before,\n::after {\n  text-decoration: inherit;\n  vertical-align: inherit;\n}\n\n:where(:root) {\n  -webkit-tap-highlight-color: transparent;\n  -webkit-text-size-adjust: 100%;\n  -moz-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n  background-color: var(--background-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  line-height: var(--line-height);\n  font-family: var(--font-family);\n  text-rendering: optimizeLegibility;\n  overflow-wrap: break-word;\n  cursor: default;\n  -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\n#app {\n  width: 100%;\n  margin: 0;\n}\n#app > header,\n#app > main,\n#app > footer {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n  margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--spacing) * 0.5) 0;\n  color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n  font-weight: bolder;\n}\n\nsub,\nsup {\n  position: relative;\n  font-size: 0.75em;\n  line-height: 0;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n}\n\na,\n[role=link] {\n  --color: var(--primary);\n  --background-color: transparent;\n  outline: none;\n  background-color: var(--background-color);\n  color: var(--color);\n  -webkit-text-decoration: var(--text-decoration);\n  text-decoration: var(--text-decoration);\n  transition: background-color var(--transition), color var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition), -webkit-text-decoration var(--transition);\n}\na:is([aria-current], :hover, :active, :focus),\n[role=link]:is([aria-current], :hover, :active, :focus) {\n  --color: var(--primary-hover);\n  --text-decoration: underline;\n}\na:focus,\n[role=link]:focus {\n  --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin-top: 0;\n  margin-bottom: var(--typography-spacing-vertical);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n}\n\nh1 {\n  --color: var(--h1-color);\n}\n\nh2 {\n  --color: var(--h2-color);\n}\n\nh3 {\n  --color: var(--h3-color);\n}\n\nh4 {\n  --color: var(--h4-color);\n}\n\nh5 {\n  --color: var(--h5-color);\n}\n\nh6 {\n  --color: var(--h6-color);\n}\n\n:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, h6) {\n  margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n  margin-bottom: 0;\n}\nhgroup > *:last-child {\n  --color: var(--muted-color);\n  --font-weight: unset;\n  font-size: 1rem;\n  font-family: unset;\n}\n\np {\n  margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n  font-size: var(--font-size);\n}\n\n:where(dl, ol, ul) {\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}\n:where(dl, ol, ul) li {\n  margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\n:where(dl, ol, ul) :is(dl, ol, ul) {\n  margin: 0;\n  margin-top: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n  list-style: square;\n}\n\nmark {\n  padding: 0.125rem 0.25rem;\n  background-color: var(--mark-background-color);\n  color: var(--mark-color);\n  vertical-align: baseline;\n}\n\nblockquote {\n  display: block;\n  margin: var(--typography-spacing-vertical) 0;\n  padding: var(--spacing);\n  border-right: none;\n  border-left: 0.25rem solid var(--blockquote-border-color);\n  -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 */\n:where(audio, canvas, iframe, img, svg, video) {\n  vertical-align: middle;\n}\n\naudio,\nvideo {\n  display: inline-block;\n}\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n:where(iframe) {\n  border-style: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n  border-style: none;\n}\n\n:where(svg:not([fill])) {\n  fill: currentColor;\n}\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n  margin: 0;\n  overflow: visible;\n  font-family: inherit;\n  text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\n\nbutton {\n  display: block;\n  width: 100%;\n  margin-bottom: var(--spacing);\n}\n\n[role=button] {\n  display: inline-block;\n  text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  --color: var(--primary-inverse);\n  --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:is([aria-current], :hover, :active, :focus),\ninput[type=submit]:is([aria-current], :hover, :active, :focus),\ninput[type=button]:is([aria-current], :hover, :active, :focus),\ninput[type=reset]:is([aria-current], :hover, :active, :focus),\n[role=button]:is([aria-current], :hover, :active, :focus) {\n  --background-color: var(--primary-hover);\n  --border-color: var(--primary-hover);\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  cursor: pointer;\n}\ninput[type=reset]:is([aria-current], :hover, :active, :focus) {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n  --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n    0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\n:where(button, [type=submit], [type=button], [type=reset], [role=button])[disabled],\n:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]),\na[role=button]:not([href]) {\n  opacity: 0.5;\n  pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n  margin: 0;\n  font-size: 1rem;\n  line-height: var(--line-height);\n  font-family: inherit;\n  letter-spacing: inherit;\n}\n\ninput {\n  overflow: visible;\n}\n\nselect {\n  text-transform: none;\n}\n\nlegend {\n  max-width: 100%;\n  padding: 0;\n  color: inherit;\n  white-space: normal;\n}\n\ntextarea {\n  overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n  padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\n\n::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n\n:-moz-focusring {\n  outline: none;\n}\n\n:-moz-ui-invalid {\n  box-shadow: none;\n}\n\n::-ms-expand {\n  display: none;\n}\n\n[type=file],\n[type=range] {\n  padding: 0;\n  border-width: 0;\n}\n\ninput:not([type=checkbox], [type=radio], [type=range]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n  margin: 0;\n  margin-bottom: var(--spacing);\n  padding: 0;\n  border: 0;\n}\n\nlabel,\nfieldset legend {\n  display: block;\n  margin-bottom: calc(var(--spacing) * 0.25);\n  font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox], [type=radio]),\nselect,\ntextarea {\n  width: 100%;\n}\n\ninput:not([type=checkbox], [type=radio], [type=range], [type=file]),\nselect,\ntextarea {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n}\n\ninput,\nselect,\ntextarea {\n  --background-color: var(--form-element-background-color);\n  --border-color: var(--form-element-border-color);\n  --color: var(--form-element-color);\n  --box-shadow: none;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit], [type=button], [type=reset], [type=checkbox], [type=radio], [readonly]):is(:active, :focus),\n:where(select, textarea):is(:active, :focus) {\n  --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit], [type=button], [type=reset], [role=switch], [readonly]):is(:active, :focus),\n:where(select, textarea):is(:active, :focus) {\n  --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit], [type=button], [type=reset], [type=range], [type=file], [readonly]):focus,\nselect:focus,\ntextarea:focus {\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit], [type=button], [type=reset])[disabled],\nselect[disabled],\ntextarea[disabled],\n:where(fieldset[disabled]) :is(input:not([type=submit], [type=button], [type=reset]), select, textarea) {\n  --background-color: var(--form-element-disabled-background-color);\n  --border-color: var(--form-element-disabled-border-color);\n  opacity: var(--form-element-disabled-opacity);\n  pointer-events: none;\n}\n\n:where(input, select, textarea):not([type=checkbox], [type=radio], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])[aria-invalid] {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-left: var(--form-element-spacing-horizontal);\n  -webkit-padding-start: var(--form-element-spacing-horizontal) !important;\n  padding-inline-start: var(--form-element-spacing-horizontal) !important;\n  -webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n  background-position: center right 0.75rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\n:where(input, select, textarea):not([type=checkbox], [type=radio], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])[aria-invalid=false] {\n  background-image: var(--icon-valid);\n}\n:where(input, select, textarea):not([type=checkbox], [type=radio], [type=date], [type=datetime-local], [type=month], [type=time], [type=week])[aria-invalid=true] {\n  background-image: var(--icon-invalid);\n}\n:where(input, select, textarea)[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n:where(input, select, textarea)[aria-invalid=false]:is(:active, :focus) {\n  --border-color: var(--form-element-valid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\n:where(input, select, textarea)[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n:where(input, select, textarea)[aria-invalid=true]:is(:active, :focus) {\n  --border-color: var(--form-element-invalid-active-border-color) !important;\n  --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] :where(input, select, textarea):not([type=checkbox], [type=radio]):is([aria-invalid], [aria-invalid=true], [aria-invalid=false]) {\n  background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n  color: var(--form-element-placeholder-color);\n  opacity: 1;\n}\n\ninput:not([type=checkbox], [type=radio]),\nselect,\ntextarea {\n  margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n  border: 0;\n  background-color: transparent;\n}\nselect:not([multiple], [size]) {\n  padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n  padding-left: var(--form-element-spacing-horizontal);\n  -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], [size]) {\n  background-position: center left 0.75rem;\n}\n\n:where(input, select, textarea) + small {\n  display: block;\n  width: 100%;\n  margin-top: calc(var(--spacing) * -0.75);\n  margin-bottom: var(--spacing);\n  color: var(--muted-color);\n}\n\nlabel > :where(input, select, textarea) {\n  margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 1.25em;\n  height: 1.25em;\n  margin-top: -0.125em;\n  margin-right: 0.375em;\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: 0.375em;\n  margin-inline-end: 0.375em;\n  border-width: var(--border-width);\n  font-size: inherit;\n  vertical-align: middle;\n  cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n  display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-checkbox);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n  display: inline-block;\n  margin-right: 0.375em;\n  margin-bottom: 0;\n  cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n  --background-color: var(--primary);\n  --border-color: var(--primary);\n  background-image: var(--icon-minus);\n  background-position: center;\n  background-size: 0.75em auto;\n  background-repeat: no-repeat;\n}\n\n[type=radio] {\n  border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n  --background-color: var(--primary-inverse);\n  border-width: 0.35em;\n  background-image: none;\n}\n\n[type=checkbox][role=switch] {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n  --color: var(--switch-color);\n  width: 2.25em;\n  height: 1.25em;\n  border: var(--border-width) solid var(--border-color);\n  border-radius: 1.25em;\n  background-color: var(--background-color);\n  line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n  --background-color: var(--switch-background-color);\n  --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n  --background-color: var(--switch-checked-background-color);\n  --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n  display: block;\n  width: calc(1.25em - (var(--border-width) * 2));\n  height: 100%;\n  border-radius: 50%;\n  background-color: var(--color);\n  content: \"\";\n  transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-left: calc(1.125em - var(--border-width));\n  -webkit-margin-start: calc(1.125em - var(--border-width));\n  margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n  --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n  --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n  padding: 0;\n}\n[type=color]::-moz-focus-inner {\n  padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n  border: 0;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n  border: 0;\n  border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox], [type=radio], [type=range], [type=file]):is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {\n  --icon-position: 0.75rem;\n  --icon-width: 1rem;\n  padding-right: calc(var(--icon-width) + var(--icon-position));\n  background-image: var(--icon-date);\n  background-position: center right var(--icon-position);\n  background-size: var(--icon-width) auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {\n  background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n  width: var(--icon-width);\n  margin-right: calc(var(--icon-width) * -1);\n  margin-left: var(--icon-position);\n  opacity: 0;\n}\n\n[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {\n  text-align: right;\n}\n\n@-moz-document url-prefix() {\n  [type=date],\n  [type=datetime-local],\n  [type=month],\n  [type=time],\n  [type=week] {\n    padding-right: var(--form-element-spacing-horizontal) !important;\n    background-image: none !important;\n  }\n}\n[type=file] {\n  --color: var(--muted-color);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n  border: 0;\n  border-radius: 0;\n  background: none;\n}\n[type=file]::file-selector-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) / 2);\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:is(:hover, :active, :focus) {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) / 2);\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  -webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n  --background-color: var(--secondary);\n  --border-color: var(--secondary);\n  --color: var(--secondary-inverse);\n  margin-right: calc(var(--spacing) / 2);\n  margin-left: 0;\n  margin-inline-start: 0;\n  margin-inline-end: calc(var(--spacing) / 2);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n  border: var(--border-width) solid var(--border-color);\n  border-radius: var(--border-radius);\n  outline: none;\n  background-color: var(--background-color);\n  box-shadow: var(--box-shadow);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: 1rem;\n  line-height: var(--line-height);\n  text-align: center;\n  cursor: pointer;\n  -ms-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:is(:hover, :active, :focus) {\n  --background-color: var(--secondary-hover);\n  --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  width: 100%;\n  height: 1.25rem;\n  background: none;\n}\n[type=range]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  -webkit-transition: background-color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  -moz-transition: background-color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n  width: 100%;\n  height: 0.25rem;\n  border-radius: var(--border-radius);\n  background-color: var(--range-border-color);\n  -ms-transition: background-color var(--transition), box-shadow var(--transition);\n  transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  -webkit-transition: background-color var(--transition), transform var(--transition);\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  -moz-transition: background-color var(--transition), transform var(--transition);\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n  -webkit-appearance: none;\n  width: 1.25rem;\n  height: 1.25rem;\n  margin-top: -0.5rem;\n  border: 2px solid var(--range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(--range-thumb-color);\n  cursor: pointer;\n  -ms-transition: background-color var(--transition), transform var(--transition);\n  transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n  --range-border-color: var(--range-active-border-color);\n  --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n  --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n  transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n  transform: scale(1.25);\n}\n\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] {\n  -webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n  border-radius: 5rem;\n  background-image: var(--icon-search);\n  background-position: center left 1.125rem;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n}\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] {\n  -webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\n  background-position: center left 1.125rem, center right 0.75rem;\n}\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=false] {\n  background-image: var(--icon-search), var(--icon-valid);\n}\ninput:not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid=true] {\n  background-image: var(--icon-search), var(--icon-invalid);\n}\n\n[type=search]::-webkit-search-cancel-button {\n  -webkit-appearance: none;\n  display: none;\n}\n\n[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search] {\n  background-position: center right 1.125rem;\n}\n[dir=rtl] :where(input):not([type=checkbox], [type=radio], [type=range], [type=file])[type=search][aria-invalid] {\n  background-position: center right 1.125rem, center left 0.75rem;\n}\n\n/**\n * Table\n */\n:where(table) {\n  width: 100%;\n  border-collapse: collapse;\n  border-spacing: 0;\n  text-indent: 0;\n}\n\nth,\ntd {\n  padding: calc(var(--spacing) / 2) var(--spacing);\n  border-bottom: var(--border-width) solid var(--table-border-color);\n  color: var(--color);\n  font-weight: var(--font-weight);\n  font-size: var(--font-size);\n  text-align: left;\n  text-align: start;\n}\n\ntfoot th,\ntfoot td {\n  border-top: var(--border-width) solid var(--table-border-color);\n  border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n  background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n  font-size: 0.875em;\n  font-family: var(--font-family);\n}\n\npre {\n  -ms-overflow-style: scrollbar;\n  overflow: auto;\n}\n\npre,\ncode,\nkbd {\n  border-radius: var(--border-radius);\n  background: var(--code-background-color);\n  color: var(--code-color);\n  font-weight: var(--font-weight);\n  line-height: initial;\n}\n\ncode,\nkbd {\n  display: inline-block;\n  padding: 0.375rem 0.5rem;\n}\n\npre {\n  display: block;\n  margin-bottom: var(--spacing);\n  overflow-x: auto;\n}\npre > code {\n  display: block;\n  padding: var(--spacing);\n  background: none;\n  font-size: 14px;\n  line-height: var(--line-height);\n}\n\ncode b {\n  color: var(--code-tag-color);\n  font-weight: var(--font-weight);\n}\ncode i {\n  color: var(--code-property-color);\n  font-style: normal;\n}\ncode u {\n  color: var(--code-value-color);\n  text-decoration: none;\n}\ncode em {\n  color: var(--code-comment-color);\n  font-style: normal;\n}\n\nkbd {\n  background-color: var(--code-kbd-background-color);\n  color: var(--code-kbd-color);\n  vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n  height: 0;\n  border: 0;\n  border-top: 1px solid var(--muted-border-color);\n  color: inherit;\n}\n\n[hidden],\ntemplate {\n  display: none !important;\n}\n\ncanvas {\n  display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n  display: block;\n  margin-bottom: var(--spacing);\n  padding-bottom: var(--spacing);\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n  line-height: 1rem;\n  list-style-type: none;\n  cursor: pointer;\n  transition: color var(--transition);\n}\ndetails summary:not([role]) {\n  color: var(--accordion-close-summary-color);\n}\ndetails summary::-webkit-details-marker {\n  display: none;\n}\ndetails summary::marker {\n  display: none;\n}\ndetails summary::-moz-list-bullet {\n  list-style-type: none;\n}\ndetails summary::after {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  -webkit-margin-start: calc(var(--spacing, 1rem) * 0.5);\n  margin-inline-start: calc(var(--spacing, 1rem) * 0.5);\n  float: right;\n  transform: rotate(-90deg);\n  background-image: var(--icon-chevron);\n  background-position: right center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  transition: transform var(--transition);\n}\ndetails summary:focus {\n  outline: none;\n}\ndetails summary:focus:not([role=button]) {\n  color: var(--accordion-active-summary-color);\n}\ndetails summary[role=button] {\n  width: 100%;\n  text-align: left;\n}\ndetails summary[role=button]::after {\n  height: calc(1rem * var(--line-height, 1.5));\n  background-image: var(--icon-chevron-button);\n}\ndetails[open] > summary {\n  margin-bottom: calc(var(--spacing));\n}\ndetails[open] > summary:not([role]):not(:focus) {\n  color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n  transform: rotate(0);\n}\n\n[dir=rtl] details summary {\n  text-align: right;\n}\n[dir=rtl] details summary::after {\n  float: left;\n  background-position: left center;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n  margin: var(--block-spacing-vertical) 0;\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n  border-radius: var(--border-radius);\n  background: var(--card-background-color);\n  box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n  margin-right: calc(var(--block-spacing-horizontal) * -1);\n  margin-left: calc(var(--block-spacing-horizontal) * -1);\n  padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n  background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n  margin-top: calc(var(--block-spacing-vertical) * -1);\n  margin-bottom: var(--block-spacing-vertical);\n  border-bottom: var(--border-width) solid var(--card-border-color);\n  border-top-right-radius: var(--border-radius);\n  border-top-left-radius: var(--border-radius);\n}\narticle > footer {\n  margin-top: var(--block-spacing-vertical);\n  margin-bottom: calc(var(--block-spacing-vertical) * -1);\n  border-top: var(--border-width) solid var(--card-border-color);\n  border-bottom-right-radius: var(--border-radius);\n  border-bottom-left-radius: var(--border-radius);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n  --scrollbar-width: 0px;\n}\n\ndialog {\n  display: flex;\n  z-index: 999;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  align-items: center;\n  justify-content: center;\n  width: inherit;\n  min-width: 100%;\n  height: inherit;\n  min-height: 100%;\n  padding: var(--spacing);\n  border: 0;\n  -webkit-backdrop-filter: var(--modal-overlay-backdrop-filter);\n  backdrop-filter: var(--modal-overlay-backdrop-filter);\n  background-color: var(--modal-overlay-background-color);\n  color: var(--color);\n}\ndialog article {\n  max-height: calc(100vh - var(--spacing) * 2);\n  overflow: auto;\n}\n@media (min-width: 576px) {\n  dialog article {\n    max-width: 510px;\n  }\n}\n@media (min-width: 768px) {\n  dialog article {\n    max-width: 700px;\n  }\n}\ndialog article > header,\ndialog article > footer {\n  padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n  margin: 0;\n  margin-left: var(--spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n  margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n/**\n * Nav\n */\n:where(nav li)::before {\n  float: left;\n  content: \"​\";\n}\n\nnav,\nnav ul {\n  display: flex;\n}\n\nnav {\n  justify-content: space-between;\n}\nnav ol,\nnav ul {\n  align-items: center;\n  margin-bottom: 0;\n  padding: 0;\n  list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n  margin-left: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n  margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\n}\nnav li {\n  display: inline-block;\n  margin: 0;\n  padding: var(--nav-element-spacing-vertical) var(--nav-element-spacing-horizontal);\n}\nnav li > * {\n  --spacing: 0;\n}\nnav :where(a, [role=link]) {\n  display: inline-block;\n  margin: calc(var(--nav-link-spacing-vertical) * -1) calc(var(--nav-link-spacing-horizontal) * -1);\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n  border-radius: var(--border-radius);\n  text-decoration: none;\n}\nnav :where(a, [role=link]):is([aria-current], :hover, :active, :focus) {\n  text-decoration: none;\n}\nnav[aria-label=breadcrumb] {\n  align-items: center;\n  justify-content: start;\n}\nnav[aria-label=breadcrumb] ul li:not(:first-child) {\n  -webkit-margin-start: var(--nav-link-spacing-horizontal);\n  margin-inline-start: var(--nav-link-spacing-horizontal);\n}\nnav[aria-label=breadcrumb] ul li:not(:last-child) ::after {\n  position: absolute;\n  width: calc(var(--nav-link-spacing-horizontal) * 2);\n  -webkit-margin-start: calc(var(--nav-link-spacing-horizontal) / 2);\n  margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);\n  content: \"/\";\n  color: var(--muted-color);\n  text-align: center;\n}\nnav[aria-label=breadcrumb] a[aria-current] {\n  background-color: transparent;\n  color: inherit;\n  text-decoration: none;\n  pointer-events: none;\n}\nnav [role=button] {\n  margin-right: inherit;\n  margin-left: inherit;\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n  display: block;\n}\naside li {\n  padding: calc(var(--nav-element-spacing-vertical) * 0.5) var(--nav-element-spacing-horizontal);\n}\naside li a {\n  display: block;\n}\naside li [role=button] {\n  margin: inherit;\n}\n\n[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after {\n  content: \"\\\\\";\n}\n\n/**\n * Progress\n */\nprogress {\n  display: inline-block;\n  vertical-align: baseline;\n}\n\nprogress {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  display: inline-block;\n  appearance: none;\n  width: 100%;\n  height: 0.5rem;\n  margin-bottom: calc(var(--spacing) * 0.5);\n  overflow: hidden;\n  border: 0;\n  border-radius: var(--border-radius);\n  background-color: var(--progress-background-color);\n  color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n  border-radius: var(--border-radius);\n  background: none;\n}\nprogress[value]::-webkit-progress-value {\n  background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n  background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n  progress:indeterminate {\n    background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n    animation: progress-indeterminate 1s linear infinite;\n  }\n  progress:indeterminate[value]::-webkit-progress-value {\n    background-color: transparent;\n  }\n  progress:indeterminate::-moz-progress-bar {\n    background-color: transparent;\n  }\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  [dir=rtl] progress:indeterminate {\n    animation-direction: reverse;\n  }\n}\n\n@keyframes progress-indeterminate {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n/**\n * Dropdown ([role=\"list\"])\n */\ndetails[role=list],\nli[role=list] {\n  position: relative;\n}\n\ndetails[role=list] summary + ul,\nli[role=list] > ul {\n  display: flex;\n  z-index: 99;\n  position: absolute;\n  top: auto;\n  right: 0;\n  left: 0;\n  flex-direction: column;\n  margin: 0;\n  padding: 0;\n  border: var(--border-width) solid var(--dropdown-border-color);\n  border-radius: var(--border-radius);\n  border-top-right-radius: 0;\n  border-top-left-radius: 0;\n  background-color: var(--dropdown-background-color);\n  box-shadow: var(--card-box-shadow);\n  color: var(--dropdown-color);\n  white-space: nowrap;\n}\ndetails[role=list] summary + ul li,\nli[role=list] > ul li {\n  width: 100%;\n  margin-bottom: 0;\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);\n  list-style: none;\n}\ndetails[role=list] summary + ul li:first-of-type,\nli[role=list] > ul li:first-of-type {\n  margin-top: calc(var(--form-element-spacing-vertical) * 0.5);\n}\ndetails[role=list] summary + ul li:last-of-type,\nli[role=list] > ul li:last-of-type {\n  margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);\n}\ndetails[role=list] summary + ul li a,\nli[role=list] > ul li a {\n  display: block;\n  margin: calc(var(--form-element-spacing-vertical) * -0.5) calc(var(--form-element-spacing-horizontal) * -1);\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);\n  overflow: hidden;\n  color: var(--dropdown-color);\n  text-decoration: none;\n  text-overflow: ellipsis;\n}\ndetails[role=list] summary + ul li a:hover,\nli[role=list] > ul li a:hover {\n  background-color: var(--dropdown-hover-background-color);\n}\n\ndetails[role=list] summary::after,\nli[role=list] > a::after {\n  display: block;\n  width: 1rem;\n  height: calc(1rem * var(--line-height, 1.5));\n  -webkit-margin-start: 0.5rem;\n  margin-inline-start: 0.5rem;\n  float: right;\n  transform: rotate(0deg);\n  background-position: right center;\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n}\n\ndetails[role=list] {\n  padding: 0;\n  border-bottom: none;\n}\ndetails[role=list] summary {\n  margin-bottom: 0;\n}\ndetails[role=list] summary:not([role]) {\n  height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n  padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n  border: var(--border-width) solid var(--form-element-border-color);\n  border-radius: var(--border-radius);\n  background-color: var(--form-element-background-color);\n  color: var(--form-element-placeholder-color);\n  line-height: inherit;\n  cursor: pointer;\n  transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\ndetails[role=list] summary:not([role]):active, details[role=list] summary:not([role]):focus {\n  border-color: var(--form-element-active-border-color);\n  background-color: var(--form-element-active-background-color);\n}\ndetails[role=list] summary:not([role]):focus {\n  box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\ndetails[role=list][open] summary {\n  border-bottom-right-radius: 0;\n  border-bottom-left-radius: 0;\n}\ndetails[role=list][open] summary::before {\n  display: block;\n  z-index: 1;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background: none;\n  content: \"\";\n  cursor: default;\n}\n\nnav details[role=list] summary,\nnav li[role=list] a {\n  display: flex;\n  direction: ltr;\n}\n\nnav details[role=list] summary + ul,\nnav li[role=list] > ul {\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n  border-radius: var(--border-radius);\n}\nnav details[role=list] summary + ul li a,\nnav li[role=list] > ul li a {\n  border-radius: 0;\n}\n\nnav details[role=list] summary,\nnav details[role=list] summary:not([role]) {\n  height: auto;\n  padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\n}\nnav details[role=list][open] summary {\n  border-radius: var(--border-radius);\n}\nnav details[role=list] summary + ul {\n  margin-top: var(--outline-width);\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n}\nnav details[role=list] summary[role=link] {\n  margin-bottom: calc(var(--nav-link-spacing-vertical) * -1);\n  line-height: var(--line-height);\n}\nnav details[role=list] summary[role=link] + ul {\n  margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));\n  -webkit-margin-start: calc(var(--nav-link-spacing-horizontal) * -1);\n  margin-inline-start: calc(var(--nav-link-spacing-horizontal) * -1);\n}\n\nli[role=list]:hover > ul,\nli[role=list] a:active ~ ul,\nli[role=list] a:focus ~ ul {\n  display: flex;\n}\nli[role=list] > ul {\n  display: none;\n  margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));\n  -webkit-margin-start: calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));\n  margin-inline-start: calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));\n}\nli[role=list] > a::after {\n  background-image: var(--icon-chevron);\n}\n\nlabel > details[role=list] {\n  margin-top: calc(var(--spacing) * 0.25);\n  margin-bottom: var(--spacing);\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n  cursor: progress;\n}\n\n[aria-busy=true]:not(input, select, textarea, html)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  border: 0.1875em solid currentColor;\n  border-radius: 1em;\n  border-right-color: transparent;\n  content: \"\";\n  vertical-align: text-bottom;\n  vertical-align: -0.125em;\n  animation: spinner 0.75s linear infinite;\n  opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input, select, textarea, html):not(:empty)::before {\n  margin-right: calc(var(--spacing) * 0.5);\n  margin-left: 0;\n  -webkit-margin-start: 0;\n  margin-inline-start: 0;\n  -webkit-margin-end: calc(var(--spacing) * 0.5);\n  margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input, select, textarea, html):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\n}\n\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n  position: relative;\n}\n[data-tooltip]:not(a, button, input) {\n  border-bottom: 1px dotted;\n  text-decoration: none;\n  cursor: help;\n}\n[data-tooltip][data-placement=top]::before, [data-tooltip][data-placement=top]::after, [data-tooltip]::before, [data-tooltip]::after {\n  display: block;\n  z-index: 99;\n  position: absolute;\n  bottom: 100%;\n  left: 50%;\n  padding: 0.25rem 0.5rem;\n  overflow: hidden;\n  transform: translate(-50%, -0.25rem);\n  border-radius: var(--border-radius);\n  background: var(--tooltip-background-color);\n  content: attr(data-tooltip);\n  color: var(--tooltip-color);\n  font-style: normal;\n  font-weight: var(--font-weight);\n  font-size: 0.875rem;\n  text-decoration: none;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  opacity: 0;\n  pointer-events: none;\n}\n[data-tooltip][data-placement=top]::after, [data-tooltip]::after {\n  padding: 0;\n  transform: translate(-50%, 0rem);\n  border-top: 0.3rem solid;\n  border-right: 0.3rem solid transparent;\n  border-left: 0.3rem solid transparent;\n  border-radius: 0;\n  background-color: transparent;\n  content: \"\";\n  color: var(--tooltip-background-color);\n}\n[data-tooltip][data-placement=bottom]::before, [data-tooltip][data-placement=bottom]::after {\n  top: 100%;\n  bottom: auto;\n  transform: translate(-50%, 0.25rem);\n}\n[data-tooltip][data-placement=bottom]:after {\n  transform: translate(-50%, -0.3rem);\n  border: 0.3rem solid transparent;\n  border-bottom: 0.3rem solid;\n}\n[data-tooltip][data-placement=left]::before, [data-tooltip][data-placement=left]::after {\n  top: 50%;\n  right: 100%;\n  bottom: auto;\n  left: auto;\n  transform: translate(-0.25rem, -50%);\n}\n[data-tooltip][data-placement=left]:after {\n  transform: translate(0.3rem, -50%);\n  border: 0.3rem solid transparent;\n  border-left: 0.3rem solid;\n}\n[data-tooltip][data-placement=right]::before, [data-tooltip][data-placement=right]::after {\n  top: 50%;\n  right: auto;\n  bottom: auto;\n  left: 100%;\n  transform: translate(0.25rem, -50%);\n}\n[data-tooltip][data-placement=right]:after {\n  transform: translate(-0.3rem, -50%);\n  border: 0.3rem solid transparent;\n  border-right: 0.3rem solid;\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n  opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n  [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: tooltip-slide-top;\n  }\n  [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    animation-name: tooltip-caret-slide-top;\n  }\n  [data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::before, [data-tooltip][data-placement=bottom]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: tooltip-slide-bottom;\n  }\n  [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::after {\n    animation-name: tooltip-caret-slide-bottom;\n  }\n  [data-tooltip][data-placement=left]:focus::before, [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::before, [data-tooltip][data-placement=left]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: tooltip-slide-left;\n  }\n  [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::after {\n    animation-name: tooltip-caret-slide-left;\n  }\n  [data-tooltip][data-placement=right]:focus::before, [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::before, [data-tooltip][data-placement=right]:hover::after {\n    animation-duration: 0.2s;\n    animation-name: tooltip-slide-right;\n  }\n  [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::after {\n    animation-name: tooltip-caret-slide-right;\n  }\n}\n@keyframes tooltip-slide-top {\n  from {\n    transform: translate(-50%, 0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes tooltip-caret-slide-top {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.25rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0rem);\n    opacity: 1;\n  }\n}\n@keyframes tooltip-slide-bottom {\n  from {\n    transform: translate(-50%, -0.75rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, 0.25rem);\n    opacity: 1;\n  }\n}\n@keyframes tooltip-caret-slide-bottom {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-50%, -0.5rem);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-50%, -0.3rem);\n    opacity: 1;\n  }\n}\n@keyframes tooltip-slide-left {\n  from {\n    transform: translate(0.75rem, -50%);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-0.25rem, -50%);\n    opacity: 1;\n  }\n}\n@keyframes tooltip-caret-slide-left {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(0.05rem, -50%);\n    opacity: 0;\n  }\n  to {\n    transform: translate(0.3rem, -50%);\n    opacity: 1;\n  }\n}\n@keyframes tooltip-slide-right {\n  from {\n    transform: translate(-0.75rem, -50%);\n    opacity: 0;\n  }\n  to {\n    transform: translate(0.25rem, -50%);\n    opacity: 1;\n  }\n}\n@keyframes tooltip-caret-slide-right {\n  from {\n    opacity: 0;\n  }\n  50% {\n    transform: translate(-0.05rem, -50%);\n    opacity: 0;\n  }\n  to {\n    transform: translate(-0.3rem, -50%);\n    opacity: 1;\n  }\n}\n\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n  cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n  cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n  display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n  clip: rect(0, 0, 0, 0);\n  position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n  -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n  direction: rtl;\n}\n\n/**\n* Reduce Motion Features\n*/\n@media (prefers-reduced-motion: reduce) {\n  *:not([aria-busy=true]),\n  :not([aria-busy=true])::before,\n  :not([aria-busy=true])::after {\n    background-attachment: initial !important;\n    animation-duration: 1ms !important;\n    animation-delay: -1ms !important;\n    animation-iteration-count: 1 !important;\n    scroll-behavior: auto !important;\n    transition-delay: 0s !important;\n    transition-duration: 0s !important;\n  }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.css.map */","@import \"../../functions\";\r\n\r\n// Default: Light theme\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n  --background-color: #{$white};\r\n\r\n  // Texts colors\r\n  --color: #{$grey-700};\r\n  --h1-color: #{$grey-900};\r\n  --h2-color: #{mix($grey-900, $grey-800)};\r\n  --h3-color: #{$grey-800};\r\n  --h4-color: #{mix($grey-800, $grey-700)};\r\n  --h5-color: #{$grey-700};\r\n  --h6-color: #{mix($grey-700, $grey-600)};\r\n\r\n  // Muted colors\r\n  --muted-color: #{$grey-500};\r\n  --muted-border-color: #{$grey-50};\r\n\r\n  // Primary colors\r\n  --primary: #{$primary-600};\r\n  --primary-hover: #{$primary-700};\r\n  --primary-focus: #{rgba($primary-600, 0.125)};\r\n  --primary-inverse: #{$white};\r\n\r\n  // Secondary colors\r\n  --secondary: #{$grey-600};\r\n  --secondary-hover: #{$grey-700};\r\n  --secondary-focus: #{rgba($grey-600, 0.125)};\r\n  --secondary-inverse: #{$white};\r\n\r\n  // Contrast colors\r\n  --contrast: #{$grey-900};\r\n  --contrast-hover: #{$black};\r\n  --contrast-focus: #{rgba($grey-600, 0.125)};\r\n  --contrast-inverse: #{$white};\r\n\r\n  // Highlighted text (<mark>)\r\n  --mark-background-color: #{mix($amber-100, $amber-50)};\r\n  --mark-color: #{mix($grey-900, $amber-900, 75%)};\r\n\r\n  // Inserted (<ins>) & Deleted (<ins>)\r\n  --ins-color: #{$green-700};\r\n  --del-color: #{$red-800};\r\n\r\n  // Blockquote\r\n  --blockquote-border-color: var(--muted-border-color);\r\n  --blockquote-footer-color: var(--muted-color);\r\n\r\n  // Button\r\n  // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n  // Don't use, 'none, 'false, 'null', '0', etc.\r\n  --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n  --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n  // Form elements\r\n  --form-element-background-color: transparent;\r\n  --form-element-border-color: #{$grey-300};\r\n  --form-element-color: var(--color);\r\n  --form-element-placeholder-color: var(--muted-color);\r\n  --form-element-active-background-color: transparent;\r\n  --form-element-active-border-color: var(--primary);\r\n  --form-element-focus-color: var(--primary-focus);\r\n  --form-element-disabled-background-color: #{$grey-100};\r\n  --form-element-disabled-border-color: #{$grey-300};\r\n  --form-element-disabled-opacity: 0.5;\r\n  --form-element-invalid-border-color: #{$red-800};\r\n  --form-element-invalid-active-border-color: #{$red-700};\r\n  --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\r\n  --form-element-valid-border-color: #{$green-700};\r\n  --form-element-valid-active-border-color: #{$green-600};\r\n  --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\r\n\r\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n  --switch-background-color: #{$grey-200};\r\n  --switch-color: var(--primary-inverse);\r\n  --switch-checked-background-color: var(--primary);\r\n\r\n  // Range (input[type=\"range\"])\r\n  --range-border-color: #{$grey-100};\r\n  --range-active-border-color: #{$grey-200};\r\n  --range-thumb-border-color: var(--background-color);\r\n  --range-thumb-color: var(--secondary);\r\n  --range-thumb-hover-color: var(--secondary-hover);\r\n  --range-thumb-active-color: var(--primary);\r\n\r\n  // Table\r\n  --table-border-color: var(--muted-border-color);\r\n  --table-row-stripped-background-color: #{mix($grey-50, $white)};\r\n\r\n  // Code\r\n  --code-background-color: #{$grey-50};\r\n  --code-color: var(--muted-color);\r\n  --code-kbd-background-color: var(--contrast);\r\n  --code-kbd-color: var(--contrast-inverse);\r\n  --code-tag-color: #{hsl(330, 40%, 50%)};\r\n  --code-property-color: #{hsl(185, 40%, 40%)};\r\n  --code-value-color: #{hsl(40, 20%, 50%)};\r\n  --code-comment-color: #{$grey-300};\r\n\r\n  // Accordion (<details>)\r\n  --accordion-border-color: var(--muted-border-color);\r\n  --accordion-close-summary-color: var(--color);\r\n  --accordion-open-summary-color: var(--muted-color);\r\n\r\n  // Card (<article>)\r\n  $box-shadow-elevation: 1rem;\r\n  $box-shadow-blur-strengh: 6rem;\r\n  $box-shadow-opacity: 0.06;\r\n  --card-background-color: var(--background-color);\r\n  --card-border-color: var(--muted-border-color);\r\n  --card-box-shadow:\r\n    #{($box-shadow-elevation * 0.5 * 0.029)} #{($box-shadow-elevation * 0.029)} #{($box-shadow-blur-strengh * 0.029)} #{rgba($grey-900, ($box-shadow-opacity * 0.283))},\r\n    #{($box-shadow-elevation * 0.5 * 0.067)} #{($box-shadow-elevation * 0.067)} #{($box-shadow-blur-strengh * 0.067)} #{rgba($grey-900, ($box-shadow-opacity * 0.4))},\r\n    #{($box-shadow-elevation * 0.5 * 0.125)} #{($box-shadow-elevation * 0.125)} #{($box-shadow-blur-strengh * 0.125)} #{rgba($grey-900, ($box-shadow-opacity * 0.5))},\r\n    #{($box-shadow-elevation * 0.5 * 0.225)} #{($box-shadow-elevation * 0.225)} #{($box-shadow-blur-strengh * 0.225)} #{rgba($grey-900, ($box-shadow-opacity * 0.6))},\r\n    #{($box-shadow-elevation * 0.5 * 0.417)} #{($box-shadow-elevation * 0.417)} #{($box-shadow-blur-strengh * 0.417)} #{rgba($grey-900, ($box-shadow-opacity * 0.717))},\r\n    #{($box-shadow-elevation * 0.5)} #{$box-shadow-elevation} #{$box-shadow-blur-strengh} #{rgba($grey-900, $box-shadow-opacity)},\r\n    0 0 0 0.0625rem #{rgba($grey-900, ($box-shadow-opacity * 0.25) )};\r\n  --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\r\n\r\n  // Dropdown (<details role=\"list\">)\r\n  --dropdown-background-color: #{mix($grey-50, $white, 25%)};\r\n  --dropdown-border-color: #{mix($grey-100, $grey-50)};\r\n  --dropdown-box-shadow: var(--card-box-shadow);\r\n  --dropdown-color: var(--color);\r\n  --dropdown-hover-background-color: #{$grey-50};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba($grey-100, 0.7)};\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='#{to-rgb($white)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\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='#{to-rgb($grey-700)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{to-rgb($white)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron-button-inverse: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{to-rgb($white)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\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='#{to-rgb($grey-500)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\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='#{to-rgb($grey-700)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\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='#{to-rgb($red-800)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\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='#{to-rgb($white)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\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='#{to-rgb($grey-700)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\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='#{to-rgb($grey-700)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \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='#{to-rgb($green-700)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  \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]) {\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\r\n// Accent-color\r\nprogress,\r\n[type=\"checkbox\"],\r\n[type=\"radio\"],\r\n[type=\"range\"] {\r\n  accent-color: var(--primary);\r\n}\r\n","@import \"../../functions\";\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  $box-shadow-elevation: 1rem;\r\n  $box-shadow-blur-strengh: 6rem;\r\n  $box-shadow-opacity: 0.06;\r\n  --card-background-color: #{mix($black, $grey-900, 25%)};\r\n  --card-border-color: var(--card-background-color);\r\n  --card-box-shadow:\r\n    #{($box-shadow-elevation * 0.5 * 0.029)} #{($box-shadow-elevation * 0.029)} #{($box-shadow-blur-strengh * 0.029)} #{rgba($black, ($box-shadow-opacity * 0.283))},\r\n    #{($box-shadow-elevation * 0.5 * 0.067)} #{($box-shadow-elevation * 0.067)} #{($box-shadow-blur-strengh * 0.067)} #{rgba($black, ($box-shadow-opacity * 0.4))},\r\n    #{($box-shadow-elevation * 0.5 * 0.125)} #{($box-shadow-elevation * 0.125)} #{($box-shadow-blur-strengh * 0.125)} #{rgba($black, ($box-shadow-opacity * 0.5))},\r\n    #{($box-shadow-elevation * 0.5 * 0.225)} #{($box-shadow-elevation * 0.225)} #{($box-shadow-blur-strengh * 0.225)} #{rgba($black, ($box-shadow-opacity * 0.6))},\r\n    #{($box-shadow-elevation * 0.5 * 0.417)} #{($box-shadow-elevation * 0.417)} #{($box-shadow-blur-strengh * 0.417)} #{rgba($black, ($box-shadow-opacity * 0.717))},\r\n    #{($box-shadow-elevation * 0.5)} #{$box-shadow-elevation} #{$box-shadow-blur-strengh} #{rgba($black, $box-shadow-opacity)},\r\n    0 0 0 0.0625rem #{rgba($black, ($box-shadow-opacity * 0.25) )};\r\n  --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\r\n\r\n  // Dropdown (<details role=\"list\">)\r\n  --dropdown-background-color: #{$grey-900};\r\n  --dropdown-border-color: #{mix($grey-900, $grey-800)};\r\n  --dropdown-box-shadow: var(--card-box-shadow);\r\n  --dropdown-color: var(--color);\r\n  --dropdown-hover-background-color: #{rgba(mix($grey-900, $grey-800), 0.75)};\r\n\r\n  // Modal (<dialog>)\r\n  --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.8)};\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='#{to-rgb($white)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\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='#{to-rgb($grey-300)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron-button: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{to-rgb($white)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  --icon-chevron-button-inverse: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{to-rgb($black)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\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='#{to-rgb($grey-500)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\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='#{to-rgb($grey-300)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\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='#{to-rgb($red-900)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\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='#{to-rgb($white)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\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='#{to-rgb($grey-300)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\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='#{to-rgb($grey-300)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\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='#{to-rgb($green-800)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n  \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 v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add border box sizing in all browsers (opinionated)\r\n// 2. Backgrounds do not repeat by default (opinionated)\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box; // 1\r\n  background-repeat: no-repeat; // 2\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. Use the default cursor in all browsers (opinionated)\r\n// 2. Change the line height in all browsers (opinionated)\r\n// 3. Breaks words to prevent overflow in all browsers (opinionated)\r\n// 4. Use a 4-space tab width in all browsers (opinionated)\r\n// 5. Remove the grey highlight on links in iOS (opinionated)\r\n// 6. Prevent adjustments of font size after orientation changes in iOS\r\n:where(:root) {\r\n  -webkit-tap-highlight-color: transparent; // 5\r\n  -webkit-text-size-adjust: 100%; // 6\r\n  text-size-adjust: 100%; // 6\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); // 2\r\n  font-family: var(--font-family);\r\n  text-rendering: optimizeLegibility;\r\n  overflow-wrap: break-word; // 3\r\n  cursor: default; // 1\r\n  tab-size: 4; // 4\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 v13.0.0 | 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\n// 1. Remove the margin in all browsers (opinionated)\r\n#{$semantic-root-element} {\r\n  width: 100%;\r\n  margin: 0; // 1\r\n\r\n  > header,\r\n  > main,\r\n  > footer {\r\n    width: 100%;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n\r\n    // Semantic container\r\n    @if $enable-semantic-container {\r\n      padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n\r\n      // Centered viewport\r\n      @if $enable-viewport {\r\n        @if map-get($breakpoints, \"sm\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"sm\")) {\r\n            max-width: map-get($viewports, \"sm\");\r\n            padding-right: 0;\r\n            padding-left: 0;\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"md\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"md\")) {\r\n            max-width: map-get($viewports, \"md\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"lg\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"lg\")) {\r\n            max-width: map-get($viewports, \"lg\");\r\n          }\r\n        }\r\n\r\n        @if map-get($breakpoints, \"xl\") and $enable-viewport {\r\n          @media (min-width: map-get($breakpoints, \"xl\")) {\r\n            max-width: map-get($viewports, \"xl\");\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // Semantic container\r\n    @else {\r\n      padding: var(--block-spacing-vertical) 0;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Section\r\n * Responsive spacings for section\r\n */\r\n\r\nsection {\r\n  margin-bottom: var(--block-spacing-vertical);\r\n}\r\n","/**\r\n * Horizontal scroller (<figure>)\r\n */\r\n\r\n// Wrapper to make any content responsive across all viewports\r\nfigure {\r\n  display: block;\r\n  margin: 0;\r\n  padding: 0;\r\n  overflow-x: auto;\r\n\r\n  figcaption {\r\n    padding: calc(var(--spacing) * 0.5) 0;\r\n    color: var(--muted-color);\r\n  }\r\n}\r\n","/**\r\n * Typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v13.0.0 | 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// 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[role=\"link\"] {\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  &:is([aria-current], :hover, :active, :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      &:is([aria-current], :hover, :active, :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      &:is([aria-current], :hover, :active, :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\n:where(address, blockquote, dl, figure, form, ol, p, pre, table, ul) {\r\n  ~ :is(h1, h2, h3, h4, h5, 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\n:where(dl, ol, ul) {\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\n// Margin-top for nested lists\r\n// 1. Remove the margin on nested lists in Chrome, Edge, IE, and Safari\r\n:where(dl, ol, ul) {\r\n  :is(dl, ol, ul) {\r\n    margin: 0; // 1\r\n    margin-top: 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 v13.0.0 | 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\n:where(audio, canvas, iframe, img, svg, video) {\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\n:where(iframe) {\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\n:where(svg: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 v13.0.0 | 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 on controls in 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 buttons 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// 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  &:is([aria-current], :hover, :active, :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  :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).secondary,\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    &:is([aria-current], :hover, :active, :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  :is(button, input[type=\"submit\"], input[type=\"button\"], [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    &:is([aria-current], :hover, :active, :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  :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).outline,\r\n  input[type=\"reset\"].outline {\r\n    --background-color: transparent;\r\n    --color: var(--primary);\r\n\r\n    &:is([aria-current], :hover, :active, :focus) {\r\n      --background-color: transparent;\r\n      --color: var(--primary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (secondary)\r\n  :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).outline.secondary,\r\n  input[type=\"reset\"].outline {\r\n    --color: var(--secondary);\r\n\r\n    &:is([aria-current], :hover, :active, :focus) {\r\n      --color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  // Outline (contrast)\r\n  :is(button, input[type=\"submit\"], input[type=\"button\"], [role=\"button\"]).outline.contrast {\r\n    --color: var(--contrast);\r\n\r\n    &:is([aria-current], :hover, :active, :focus) {\r\n      --color: var(--contrast-hover);\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    &:is([aria-current], :hover, :active, :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// Links without href are disabled by default\r\n:where(button, [type=\"submit\"], [type=\"button\"], [type=\"reset\"], [role=\"button\"])[disabled],\r\n:where(fieldset[disabled]) :is(button, [type=\"submit\"], [type=\"button\"], [type=\"reset\"], [role=\"button\"]),\r\na[role=\"button\"]:not([href]) {\r\n  opacity: 0.5;\r\n  pointer-events: none;\r\n}\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 v13.0.0 | 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\"], [type=\"radio\"], [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\"], [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\"], [type=\"radio\"], [type=\"range\"], [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}\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\"], [type=\"button\"], [type=\"reset\"], [type=\"checkbox\"], [type=\"radio\"], [readonly]),\r\n:where(select, textarea) {\r\n  &:is(:active, :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\"], [type=\"button\"], [type=\"reset\"], [role=\"switch\"], [readonly]),\r\n:where(select, textarea) {\r\n  &:is(:active, :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\"], [type=\"button\"], [type=\"reset\"], [type=\"range\"], [type=\"file\"], [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\"], [type=\"button\"], [type=\"reset\"])[disabled],\r\nselect[disabled],\r\ntextarea[disabled],\r\n:where(fieldset[disabled]) :is(input:not([type=\"submit\"], [type=\"button\"], [type=\"reset\"]), select, textarea) {\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  pointer-events: none;\r\n}\r\n\r\n// Aria-invalid\r\n:where(input, select, textarea) {\r\n  &:not([type=\"checkbox\"], [type=\"radio\"], [type=\"date\"], [type=\"datetime-local\"], [type=\"month\"], [type=\"time\"], [type=\"week\"]) {\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      }\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    &:is(:active, :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      }\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    &:is(:active, :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      }\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  :where(input, select, textarea) {\r\n    &:not([type=\"checkbox\"], [type=\"radio\"]) {\r\n      &:is([aria-invalid], [aria-invalid=\"true\"], [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\"], [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], [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], [size]) {\r\n      background-position: center left 0.75rem;\r\n    }\r\n  }\r\n}\r\n\r\n// Helper\r\n$inputs: \"input, select, textarea\";\r\n\r\n@if ($enable-classes and $enable-grid) {\r\n  $inputs: $inputs + \", .grid\";\r\n}\r\n\r\n:where(#{$inputs}) {\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  > :where(input, select, textarea) {\r\n    margin-top: calc(var(--spacing) * 0.25);\r\n  }\r\n}\r\n","/**\r\n * Form elements\r\n * Checkboxes & Radios\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 1.25em;\r\n  height: 1.25em;\r\n  margin-top: -0.125em;\r\n  margin-right: 0.375em;\r\n  margin-left: 0;\r\n  margin-inline-start: 0;\r\n  margin-inline-end: 0.375em;\r\n  border-width: var(--border-width);\r\n  font-size: inherit;\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n\r\n  &::-ms-check {\r\n    display: none; // unstyle IE checkboxes\r\n  }\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-checkbox);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  & ~ label {\r\n    display: inline-block;\r\n    margin-right: 0.375em;\r\n    margin-bottom: 0;\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n// Checkboxes\r\n[type=\"checkbox\"] {\r\n  &:indeterminate {\r\n    --background-color: var(--primary);\r\n    --border-color: var(--primary);\r\n    background-image: var(--icon-minus);\r\n    background-position: center;\r\n    background-size: 0.75em auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n}\r\n\r\n// Radios\r\n[type=\"radio\"] {\r\n  border-radius: 50%;\r\n\r\n  &:checked,\r\n  &:checked:active,\r\n  &:checked:focus {\r\n    --background-color: var(--primary-inverse);\r\n    border-width: 0.35em;\r\n    background-image: none;\r\n  }\r\n}\r\n\r\n// Switchs\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n  --background-color: var(--switch-background-color);\r\n  --border-color: var(--switch-background-color);\r\n  --color: var(--switch-color);\r\n\r\n  // Config\r\n  $switch-height: 1.25em;\r\n  $switch-width: 2.25em;\r\n  $switch-transition: 0.1s ease-in-out;\r\n\r\n  // Styles\r\n  width: $switch-width;\r\n  height: $switch-height;\r\n  border: var(--border-width) solid var(--border-color);\r\n  border-radius: $switch-height;\r\n  background-color: var(--background-color);\r\n  line-height: $switch-height;\r\n\r\n  &:focus {\r\n    --background-color: var(--switch-background-color);\r\n    --border-color: var(--switch-background-color);\r\n  }\r\n\r\n  &:checked {\r\n    --background-color: var(--switch-checked-background-color);\r\n    --border-color: var(--switch-checked-background-color);\r\n  }\r\n\r\n  &:before {\r\n    display: block;\r\n    width: calc(#{$switch-height} - (var(--border-width) * 2));\r\n    height: 100%;\r\n    border-radius: 50%;\r\n    background-color: var(--color);\r\n    content: \"\";\r\n\r\n    @if $enable-transitions {\r\n      transition: margin $switch-transition;\r\n    }\r\n  }\r\n\r\n  &:checked {\r\n    background-image: none;\r\n\r\n    &::before {\r\n      margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\r\n      margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\r\n    }\r\n  }\r\n}\r\n\r\n// Aria-invalid\r\n[type=\"checkbox\"],\r\n[type=\"checkbox\"]:checked,\r\n[type=\"radio\"],\r\n[type=\"radio\"]:checked,\r\n[type=\"checkbox\"][role=\"switch\"],\r\n[type=\"checkbox\"][role=\"switch\"]:checked {\r\n  \r\n  &[aria-invalid=\"false\"] {\r\n    --border-color: var(--form-element-valid-border-color);\r\n  }\r\n\r\n  &[aria-invalid=\"true\"] {\r\n    --border-color: var(--form-element-invalid-border-color);\r\n  }\r\n}","/**\r\n * Form elements\r\n * Alternatives input types (Not Checkboxes & Radios)\r\n */\r\n\r\n// Color\r\n[type=\"color\"] {\r\n  // Wrapper\r\n  @mixin color-wrapper {\r\n    padding: 0;\r\n  }\r\n\r\n  &::-webkit-color-swatch-wrapper {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  &::-moz-focus-inner {\r\n    @include color-wrapper;\r\n  }\r\n\r\n  // Swatch\r\n  @mixin color-swatch {\r\n    border: 0;\r\n    border-radius: calc(var(--border-radius) * 0.5);\r\n  }\r\n\r\n  &::-webkit-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n\r\n  &::-moz-color-swatch {\r\n    @include color-swatch;\r\n  }\r\n}\r\n\r\n// Date & Time\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=\"checkbox\"], [type=\"radio\"], [type=\"range\"], [type=\"file\"]) {\r\n  &:is([type=\"date\"], [type=\"datetime-local\"], [type=\"month\"], [type=\"time\"], [type=\"week\"]) {\r\n    --icon-position: 0.75rem;\r\n    --icon-width: 1rem;\r\n    padding-right: calc(var(--icon-width) + var(--icon-position));\r\n    background-image: var(--icon-date);\r\n    background-position: center right var(--icon-position);\r\n    background-size: var(--icon-width) auto;\r\n    background-repeat: no-repeat;\r\n  }\r\n\r\n  // Time\r\n  &[type=\"time\"] {\r\n    background-image: var(--icon-time);\r\n  }\r\n}\r\n\r\n// Calendar picker\r\n[type=\"date\"],\r\n[type=\"datetime-local\"],\r\n[type=\"month\"],\r\n[type=\"time\"],\r\n[type=\"week\"] {\r\n  &::-webkit-calendar-picker-indicator {\r\n    width: var(--icon-width);\r\n    margin-right: calc(var(--icon-width) * -1);\r\n    margin-left: var(--icon-position);\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"]\r\n  :is([type=\"date\"], [type=\"datetime-local\"], [type=\"month\"], [type=\"time\"], [type=\"week\"]) {\r\n  text-align: right;\r\n}\r\n\r\n// Calendar icons are hidden in Firefox\r\n@if $enable-important {\r\n  @-moz-document url-prefix() {\r\n    [type=\"date\"],\r\n    [type=\"datetime-local\"],\r\n    [type=\"month\"],\r\n    [type=\"time\"],\r\n    [type=\"week\"] {\r\n      padding-right: var(--form-element-spacing-horizontal) !important;\r\n      background-image: none !important;\r\n    }\r\n  }\r\n}\r\n\r\n// File\r\n[type=\"file\"] {\r\n  --color: var(--muted-color);\r\n  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\r\n  border: 0;\r\n  border-radius: 0;\r\n  background: none;\r\n\r\n  @mixin file-selector-button {\r\n    --background-color: var(--secondary);\r\n    --border-color: var(--secondary);\r\n    --color: var(--secondary-inverse);\r\n    margin-right: calc(var(--spacing) / 2);\r\n    margin-left: 0;\r\n    margin-inline-start: 0;\r\n    margin-inline-end: calc(var(--spacing) / 2);\r\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\r\n      calc(var(--form-element-spacing-horizontal) * 0.5);\r\n    border: var(--border-width) solid var(--border-color);\r\n    border-radius: var(--border-radius);\r\n    outline: none;\r\n    background-color: var(--background-color);\r\n    box-shadow: var(--box-shadow);\r\n    color: var(--color);\r\n    font-weight: var(--font-weight);\r\n    font-size: 1rem;\r\n    line-height: var(--line-height);\r\n    text-align: center;\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        border-color var(--transition), color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n\r\n    &:is(:hover, :active, :focus) {\r\n      --background-color: var(--secondary-hover);\r\n      --border-color: var(--secondary-hover);\r\n    }\r\n  }\r\n\r\n  &::file-selector-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-webkit-file-upload-button {\r\n    @include file-selector-button;\r\n  }\r\n\r\n  &::-ms-browse {\r\n    @include file-selector-button;\r\n  }\r\n}\r\n\r\n// Range\r\n[type=\"range\"] {\r\n  // Config\r\n  $height-track: 0.25rem;\r\n  $height-thumb: 1.25rem;\r\n  $border-thumb: 2px;\r\n\r\n  // Styles\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: $height-thumb;\r\n  background: none;\r\n\r\n  // Slider Track\r\n  @mixin slider-track {\r\n    width: 100%;\r\n    height: $height-track;\r\n    border-radius: var(--border-radius);\r\n    background-color: var(--range-border-color);\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        box-shadow var(--transition);\r\n    }\r\n  }\r\n\r\n  &::-webkit-slider-runnable-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-moz-range-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  &::-ms-track {\r\n    @include slider-track;\r\n  }\r\n\r\n  // Slider Thumb\r\n  @mixin slider-thumb {\r\n    -webkit-appearance: none;\r\n    width: $height-thumb;\r\n    height: $height-thumb;\r\n    margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\r\n    border: $border-thumb solid var(--range-thumb-border-color);\r\n    border-radius: 50%;\r\n    background-color: var(--range-thumb-color);\r\n    cursor: pointer;\r\n\r\n    @if $enable-transitions {\r\n      transition: background-color var(--transition),\r\n        transform var(--transition);\r\n    }\r\n  }\r\n  &::-webkit-slider-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-moz-range-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &::-ms-thumb {\r\n    @include slider-thumb;\r\n  }\r\n\r\n  &:hover,\r\n  &:focus {\r\n    --range-border-color: var(--range-active-border-color);\r\n    --range-thumb-color: var(--range-thumb-hover-color);\r\n  }\r\n\r\n  &:active {\r\n    --range-thumb-color: var(--range-thumb-active-color);\r\n\r\n    // Slider Thumb\r\n    &::-webkit-slider-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-moz-range-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n\r\n    &::-ms-thumb {\r\n      transform: scale(1.25);\r\n    }\r\n  }\r\n}\r\n\r\n// Search\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=\"checkbox\"], [type=\"radio\"], [type=\"range\"], [type=\"file\"]) {\r\n  &[type=\"search\"] {\r\n    padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);\r\n    border-radius: 5rem;\r\n    background-image: var(--icon-search);\r\n    background-position: center left 1.125rem;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n    \r\n    &[aria-invalid] {\r\n      @if $enable-important {\r\n        padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;\r\n      } \r\n      @else {\r\n        padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);\r\n      }\r\n      background-position: center left 1.125rem, center right 0.75rem;\r\n    }\r\n\r\n    &[aria-invalid=\"false\"] {\r\n      background-image: var(--icon-search), var(--icon-valid);\r\n    }\r\n\r\n    &[aria-invalid=\"true\"] {\r\n      background-image: var(--icon-search), var(--icon-invalid);\r\n    }\r\n  }\r\n}\r\n\r\n// Cancel button\r\n[type=\"search\"] {\r\n  &::-webkit-search-cancel-button {\r\n    -webkit-appearance: none;\r\n    display: none;\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  :where(input) {\r\n    &:not([type=\"checkbox\"], [type=\"radio\"], [type=\"range\"], [type=\"file\"]) {\r\n      &[type=\"search\"] {\r\n        background-position: center right 1.125rem;\r\n        \r\n        &[aria-invalid] {\r\n          background-position: center right 1.125rem, center left 0.75rem;\r\n        }\r\n      }\r\n    }\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 v13.0.0 | 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. Remove text indentation from table contents in Chrome, Edge, and Safari\r\n:where(table) {\r\n  width: 100%;\r\n  border-collapse: collapse; // 1\r\n  border-spacing: 0;\r\n  text-indent: 0; // 2\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Cells\r\nth,\r\ntd {\r\n  padding: calc(var(--spacing) / 2) var(--spacing);\r\n  border-bottom: var(--border-width) solid var(--table-border-color);\r\n  color: var(--color);\r\n  font-weight: var(--font-weight);\r\n  font-size: var(--font-size);\r\n  text-align: left;\r\n  text-align: start;\r\n}\r\n\r\n// Footer\r\ntfoot {\r\n  th,\r\n  td {\r\n    border-top: var(--border-width) solid var(--table-border-color);\r\n    border-bottom: 0;\r\n  }\r\n}\r\n\r\n// Striped\r\ntable {\r\n  &[role=\"grid\"] {\r\n    tbody tr:nth-child(odd) {\r\n      background-color: var(--table-row-stripped-background-color);\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Code\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Correct the inheritance and scaling of font size in all browsers\r\n// 2. Correct the odd `em` font sizing in all browsers\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n  font-size: 0.875em; // 2\r\n  font-family: var(--font-family); // 1\r\n}\r\n\r\n// Prevent overflow of the container in all browsers (opinionated)\r\npre {\r\n  -ms-overflow-style: scrollbar;\r\n  overflow: auto;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\npre,\r\ncode,\r\nkbd {\r\n  border-radius: var(--border-radius);\r\n  background: var(--code-background-color);\r\n  color: var(--code-color);\r\n  font-weight: var(--font-weight);\r\n  line-height: initial;\r\n}\r\n\r\ncode,\r\nkbd {\r\n  display: inline-block;\r\n  padding: 0.375rem 0.5rem;\r\n}\r\n\r\npre {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  overflow-x: auto;\r\n\r\n  > code {\r\n    display: block;\r\n    padding: var(--spacing);\r\n    background: none;\r\n    font-size: 14px;\r\n    line-height: var(--line-height);\r\n  }\r\n}\r\n\r\n// Code Syntax\r\ncode {\r\n  // Tags\r\n  b {\r\n    color: var(--code-tag-color);\r\n    font-weight: var(--font-weight);\r\n  }\r\n\r\n  // Properties\r\n  i {\r\n    color: var(--code-property-color);\r\n    font-style: normal;\r\n  }\r\n\r\n  // Values\r\n  u {\r\n    color: var(--code-value-color);\r\n    text-decoration: none;\r\n  }\r\n\r\n  // Comments\r\n  em {\r\n    color: var(--code-comment-color);\r\n    font-style: normal;\r\n  }\r\n}\r\n\r\n// kbd\r\nkbd {\r\n  background-color: var(--code-kbd-background-color);\r\n  color: var(--code-kbd-color);\r\n  vertical-align: baseline;\r\n}\r\n","/**\r\n * Miscs\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Correct the inheritance of border color in Firefox\r\n// 2. Add the correct box sizing in Firefox\r\nhr {\r\n  height: 0; // 2\r\n  border: 0;\r\n  border-top: 1px solid var(--muted-border-color);\r\n  color: inherit; // 1\r\n}\r\n\r\n// Add the correct display in IE 10+\r\n[hidden],\r\ntemplate {\r\n  @if $enable-important {\r\n    display: none !important;\r\n  } \r\n  @else {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Add the correct display in IE 9-\r\ncanvas {\r\n  display: inline-block;\r\n}\r\n","/**\r\n * Accordion (<details>)\r\n */\r\n\r\ndetails {\r\n  display: block;\r\n  margin-bottom: var(--spacing);\r\n  padding-bottom: var(--spacing);\r\n  border-bottom: var(--border-width) solid var(--accordion-border-color);\r\n\r\n  summary {\r\n    line-height: 1rem;\r\n    list-style-type: none;\r\n    cursor: pointer;\r\n\r\n    &:not([role]) {\r\n      color: var(--accordion-close-summary-color);\r\n    }\r\n\r\n    @if $enable-transitions {\r\n      transition: color var(--transition);\r\n    }\r\n\r\n    // Reset marker\r\n    &::-webkit-details-marker {\r\n      display: none;\r\n    }\r\n\r\n    &::marker {\r\n      display: none;\r\n    }\r\n\r\n    &::-moz-list-bullet {\r\n      list-style-type: none;\r\n    }\r\n\r\n    // Marker\r\n    &::after {\r\n      display: block;\r\n      width: 1rem;\r\n      height: 1rem;\r\n      margin-inline-start: calc(var(--spacing, 1rem) * 0.5);\r\n      float: right;\r\n      transform: rotate(-90deg);\r\n      background-image: var(--icon-chevron);\r\n      background-position: right center;\r\n      background-size: 1rem auto;\r\n      background-repeat: no-repeat;\r\n      content: \"\";\r\n\r\n      @if $enable-transitions {\r\n        transition: transform var(--transition);\r\n      }\r\n    }\r\n\r\n    &:focus {\r\n      outline: none;\r\n\r\n      &:not([role=\"button\"]) {\r\n        color: var(--accordion-active-summary-color);\r\n      }\r\n    }\r\n\r\n    // Type button\r\n    &[role=\"button\"] {\r\n      width: 100%;\r\n      text-align: left;\r\n\r\n      // Marker\r\n      &::after {\r\n        height: calc(1rem * var(--line-height, 1.5));\r\n        background-image: var(--icon-chevron-button);\r\n      }\r\n\r\n      @if $enable-classes {\r\n        // .contrast\r\n        &:not(.outline).contrast {\r\n          // Marker\r\n          &::after {\r\n            background-image: var(--icon-chevron-button-inverse);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Open\r\n  &[open] {\r\n    > summary {\r\n      margin-bottom: calc(var(--spacing));\r\n\r\n      &:not([role]) {\r\n        &:not(:focus) {\r\n          color: var(--accordion-open-summary-color);\r\n        }\r\n      }\r\n\r\n      &::after {\r\n        transform: rotate(0);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  details {\r\n    summary {\r\n      text-align: right;\r\n\r\n      &::after {\r\n        float: left;\r\n        background-position: left center;\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Card (<article>)\r\n */\r\n\r\narticle {\r\n  margin: var(--block-spacing-vertical) 0;\r\n  padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n  border-radius: var(--border-radius);\r\n  background: var(--card-background-color);\r\n  box-shadow: var(--card-box-shadow);\r\n\r\n  > header,\r\n  > footer {\r\n    margin-right: calc(var(--block-spacing-horizontal) * -1);\r\n    margin-left: calc(var(--block-spacing-horizontal) * -1);\r\n    padding: calc(var(--block-spacing-vertical) * 0.66)\r\n      var(--block-spacing-horizontal);\r\n    background-color: var(--card-sectionning-background-color);\r\n  }\r\n\r\n  > header {\r\n    margin-top: calc(var(--block-spacing-vertical) * -1);\r\n    margin-bottom: var(--block-spacing-vertical);\r\n    border-bottom: var(--border-width) solid var(--card-border-color);\r\n    border-top-right-radius: var(--border-radius);\r\n    border-top-left-radius: var(--border-radius);\r\n  }\r\n\r\n  > footer {\r\n    margin-top: var(--block-spacing-vertical);\r\n    margin-bottom: calc(var(--block-spacing-vertical) * -1);\r\n    border-top: var(--border-width) solid var(--card-border-color);\r\n    border-bottom-right-radius: var(--border-radius);\r\n    border-bottom-left-radius: var(--border-radius);\r\n  }\r\n}\r\n","/**\r\n * Modal (<dialog>)\r\n */\r\n\r\n:root {\r\n  --scrollbar-width: 0px;\r\n}\r\n\r\ndialog {\r\n  display: flex;\r\n  z-index: 999;\r\n  position: fixed;\r\n  top: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: inherit;\r\n  min-width: 100%;\r\n  height: inherit;\r\n  min-height: 100%;\r\n  padding: var(--spacing);\r\n  border: 0;\r\n  backdrop-filter: var(--modal-overlay-backdrop-filter);\r\n  background-color: var(--modal-overlay-background-color);\r\n  color: var(--color);\r\n\r\n  // Content\r\n  article {\r\n    max-height: calc(100vh - var(--spacing) * 2);\r\n    overflow: auto;\r\n\r\n    @if map-get($breakpoints, \"sm\") {\r\n      @media (min-width: map-get($breakpoints, \"sm\")) {\r\n        max-width: map-get($viewports, \"sm\");\r\n      }\r\n    }\r\n\r\n    @if map-get($breakpoints, \"md\") {\r\n      @media (min-width: map-get($breakpoints, \"md\")) {\r\n        max-width: map-get($viewports, \"md\");\r\n      }\r\n    }\r\n\r\n    > header,\r\n    > footer {\r\n      padding: calc(var(--block-spacing-vertical) * 0.5)\r\n        var(--block-spacing-horizontal);\r\n    }\r\n\r\n    > header {\r\n      .close {\r\n        margin: 0;\r\n        margin-left: var(--spacing);\r\n        float: right;\r\n      }\r\n    }\r\n\r\n    > footer {\r\n      text-align: right;\r\n\r\n      [role=\"button\"] {\r\n        margin-bottom: 0;\r\n\r\n        &:not(:first-of-type) {\r\n          margin-left: calc(var(--spacing) * 0.5);\r\n        }\r\n      }\r\n    }\r\n\r\n    p {\r\n      &:last-of-type {\r\n        margin: 0;\r\n      }\r\n    }\r\n\r\n    // Close icon\r\n    @if $enable-classes {\r\n      .close {\r\n        display: block;\r\n        width: 1rem;\r\n        height: 1rem;\r\n        margin-top: calc(var(--block-spacing-vertical) * -0.5);\r\n        margin-bottom: var(--typography-spacing-vertical);\r\n        margin-left: auto;\r\n        background-image: var(--icon-close);\r\n        background-position: center;\r\n        background-size: auto 1rem;\r\n        background-repeat: no-repeat;\r\n        opacity: 0.5;\r\n\r\n        @if $enable-transitions {\r\n          transition: opacity var(--transition);\r\n        }\r\n\r\n        &:is([aria-current], :hover, :active, :focus) {\r\n          opacity: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Closed state\r\n  &:not([open]),\r\n  &[open=\"false\"] {\r\n    display: none;\r\n  }\r\n}\r\n\r\n// Utilities\r\n@if $enable-classes {\r\n  .modal-is-open {\r\n    padding-right: var(--scrollbar-width, 0px);\r\n    overflow: hidden;\r\n    pointer-events: none;\r\n    touch-action: none;\r\n\r\n    dialog {\r\n      pointer-events: auto;\r\n    }\r\n  }\r\n}\r\n\r\n// Animations\r\n@if ($enable-classes and $enable-transitions) {\r\n  $animation-duration: 0.2s;\r\n\r\n  :where(.modal-is-opening, .modal-is-closing) {\r\n    dialog,\r\n    dialog > article {\r\n      animation-duration: $animation-duration;\r\n      animation-timing-function: ease-in-out;\r\n      animation-fill-mode: both;\r\n    }\r\n\r\n    dialog {\r\n      animation-duration: ($animation-duration * 4);\r\n      animation-name: modal-overlay ;\r\n\r\n      > article {\r\n        animation-delay: $animation-duration;\r\n        animation-name: modal;\r\n      }\r\n    }\r\n  }\r\n\r\n  .modal-is-closing {\r\n    dialog,\r\n    dialog > article {\r\n      animation-delay: 0s;\r\n      animation-direction: reverse;\r\n    }\r\n  }\r\n\r\n  @keyframes modal-overlay {\r\n    from {\r\n      backdrop-filter: none;\r\n      background-color: transparent;\r\n    }\r\n  }\r\n\r\n  @keyframes modal {\r\n    from {\r\n      transform: translateY(-100%);\r\n      opacity: 0;\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Nav\r\n */\r\n\r\n// Reboot based on :\r\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n\r\n// Prevent VoiceOver from ignoring list semantics in Safari (opinionated)\r\n:where(nav li)::before {\r\n  float: left;\r\n  content: \"\\200B\";\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Horizontal Nav\r\nnav,\r\nnav ul {\r\n  display: flex;\r\n}\r\n\r\nnav {\r\n  justify-content: space-between;\r\n\r\n  ol,\r\n  ul {\r\n    align-items: center;\r\n    margin-bottom: 0;\r\n    padding: 0;\r\n    list-style: none;\r\n\r\n    &:first-of-type {\r\n      margin-left: calc(var(--nav-element-spacing-horizontal) * -1);\r\n    }\r\n    &:last-of-type {\r\n      margin-right: calc(var(--nav-element-spacing-horizontal) * -1);\r\n    }\r\n  }\r\n\r\n  li {\r\n    display: inline-block;\r\n    margin: 0;\r\n    padding: var(--nav-element-spacing-vertical)\r\n      var(--nav-element-spacing-horizontal);\r\n\r\n    // Minimal support for buttons and forms elements\r\n    > * {\r\n      --spacing: 0;\r\n    }\r\n  }\r\n\r\n  :where(a, [role=\"link\"]) {\r\n    display: inline-block;\r\n    margin: calc(var(--nav-link-spacing-vertical) * -1)\r\n      calc(var(--nav-link-spacing-horizontal) * -1);\r\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\r\n    border-radius: var(--border-radius);\r\n    text-decoration: none;\r\n\r\n    &:is([aria-current], :hover, :active, :focus) {\r\n      text-decoration: none;\r\n    }\r\n  }\r\n\r\n  // Breadcrumb\r\n  &[aria-label=\"breadcrumb\"] {\r\n    align-items: center;\r\n    justify-content: start;\r\n\r\n    & ul li {\r\n      &:not(:first-child) {\r\n        margin-inline-start: var(--nav-link-spacing-horizontal);\r\n      }\r\n\r\n      &:not(:last-child) {\r\n        ::after {\r\n          position: absolute;\r\n          width: calc(var(--nav-link-spacing-horizontal) * 2);\r\n          margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);\r\n          content: \"/\";\r\n          color: var(--muted-color);\r\n          text-align: center;\r\n        }\r\n      }\r\n    }\r\n\r\n    & a[aria-current] {\r\n      background-color: transparent;\r\n      color: inherit;\r\n      text-decoration: none;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n\r\n  // Minimal support for role=\"button\"\r\n  [role=\"button\"] {\r\n    margin-right: inherit;\r\n    margin-left: inherit;\r\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\r\n  }\r\n}\r\n\r\n// Vertical Nav\r\naside {\r\n  nav,\r\n  ol,\r\n  ul,\r\n  li {\r\n    display: block;\r\n  }\r\n\r\n  li {\r\n    padding: calc(var(--nav-element-spacing-vertical) * 0.5)\r\n      var(--nav-element-spacing-horizontal);\r\n\r\n    a {\r\n      display: block;\r\n    }\r\n\r\n    // Minimal support for links as buttons\r\n    [role=\"button\"] {\r\n      margin: inherit;\r\n    }\r\n  }\r\n}\r\n\r\n// Breadcrumb RTL\r\n[dir=\"rtl\"] {\r\n  nav {\r\n    &[aria-label=\"breadcrumb\"] {\r\n      & ul li {\r\n        &:not(:last-child) {\r\n          ::after {\r\n            content: \"\\\\\";\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Progress\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct display in Edge 18- and IE\r\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\r\nprogress {\r\n  display: inline-block; // 1\r\n  vertical-align: baseline; // 2\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nprogress {\r\n  // Reset the default appearance\r\n  -webkit-appearance: none;\r\n  -moz-appearance: none;\r\n\r\n  // Styles\r\n  display: inline-block;\r\n  appearance: none;\r\n  width: 100%;\r\n  height: 0.5rem;\r\n  margin-bottom: calc(var(--spacing) * 0.5);\r\n  overflow: hidden;\r\n\r\n  // Remove Firefox and Opera border\r\n  border: 0;\r\n  border-radius: var(--border-radius);\r\n  background-color: var(--progress-background-color);\r\n\r\n  // IE10 uses `color` to set the bar background-color\r\n  color: var(--progress-color);\r\n\r\n  &::-webkit-progress-bar {\r\n    border-radius: var(--border-radius);\r\n    background: none;\r\n  }\r\n  &[value]::-webkit-progress-value {\r\n    background-color: var(--progress-color);\r\n  }\r\n  &::-moz-progress-bar {\r\n    background-color: var(--progress-color);\r\n  }\r\n\r\n  // Indeterminate state\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    &:indeterminate {\r\n      background: var(--progress-background-color)\r\n        linear-gradient(\r\n          to right,\r\n          var(--progress-color) 30%,\r\n          var(--progress-background-color) 30%\r\n        )\r\n        top left / 150% 150% no-repeat;\r\n      animation: progress-indeterminate  1s linear infinite;\r\n\r\n      &[value]::-webkit-progress-value {\r\n        background-color: transparent;\r\n      }\r\n      &::-moz-progress-bar {\r\n        background-color: transparent;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n  @media (prefers-reduced-motion: no-preference) {\r\n    progress:indeterminate {\r\n      animation-direction: reverse;\r\n    }\r\n  }\r\n}\r\n\r\n@keyframes progress-indeterminate {\r\n  0% {\r\n    background-position: 200% 0;\r\n  }\r\n  100% {\r\n    background-position: -200% 0;\r\n  }\r\n}\r\n","/**\r\n * Dropdown ([role=\"list\"])\r\n */\r\n\r\n// Menu\r\ndetails[role=\"list\"],\r\nli[role=\"list\"] {\r\n  position: relative;\r\n}\r\n\r\ndetails[role=\"list\"] summary + ul,\r\nli[role=\"list\"] > ul {\r\n  display: flex;\r\n  z-index: 99;\r\n  position: absolute;\r\n  top: auto;\r\n  right: 0;\r\n  left: 0;\r\n  flex-direction: column;\r\n  margin: 0;\r\n  padding: 0;\r\n  border: var(--border-width) solid var(--dropdown-border-color);\r\n  border-radius: var(--border-radius);\r\n  border-top-right-radius: 0;\r\n  border-top-left-radius: 0;\r\n  background-color: var(--dropdown-background-color);\r\n  box-shadow: var(--card-box-shadow);\r\n  color: var(--dropdown-color);\r\n  white-space: nowrap;\r\n\r\n  li {\r\n    width: 100%;\r\n    margin-bottom: 0;\r\n    padding: calc(var(--form-element-spacing-vertical) * 0.5)\r\n      var(--form-element-spacing-horizontal);\r\n    list-style: none;\r\n\r\n    &:first-of-type {\r\n      margin-top: calc(var(--form-element-spacing-vertical) * 0.5);\r\n    }\r\n\r\n    &:last-of-type {\r\n      margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);\r\n    }\r\n\r\n    a {\r\n      display: block;\r\n      margin: calc(var(--form-element-spacing-vertical) * -0.5)\r\n        calc(var(--form-element-spacing-horizontal) * -1);\r\n      padding: calc(var(--form-element-spacing-vertical) * 0.5)\r\n        var(--form-element-spacing-horizontal);\r\n      overflow: hidden;\r\n      color: var(--dropdown-color);\r\n      text-decoration: none;\r\n      text-overflow: ellipsis;\r\n\r\n      &:hover {\r\n        background-color: var(--dropdown-hover-background-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Marker\r\ndetails[role=\"list\"] summary,\r\nli[role=\"list\"] > a {\r\n  &::after {\r\n    display: block;\r\n    width: 1rem;\r\n    height: calc(1rem * var(--line-height, 1.5));\r\n    margin-inline-start: 0.5rem;\r\n    float: right;\r\n    transform: rotate(0deg);\r\n    background-position: right center;\r\n    background-size: 1rem auto;\r\n    background-repeat: no-repeat;\r\n    content: \"\";\r\n  }\r\n}\r\n\r\n// Global dropdown only\r\ndetails[role=\"list\"] {\r\n  padding: 0;\r\n  border-bottom: none;\r\n\r\n  // Style <summary> as <select>\r\n  summary {\r\n    margin-bottom: 0;\r\n\r\n    &:not([role]) {\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      padding: var(--form-element-spacing-vertical)\r\n        var(--form-element-spacing-horizontal);\r\n      border: var(--border-width) solid var(--form-element-border-color);\r\n      border-radius: var(--border-radius);\r\n      background-color: var(--form-element-background-color);\r\n      color: var(--form-element-placeholder-color);\r\n      line-height: inherit;\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      &:active,\r\n      &:focus {\r\n        border-color: var(--form-element-active-border-color);\r\n        background-color: var(--form-element-active-background-color);\r\n      }\r\n\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\r\n  // Close for details[role=\"list\"]\r\n  &[open] summary {\r\n    border-bottom-right-radius: 0;\r\n    border-bottom-left-radius: 0;\r\n\r\n    &::before {\r\n      display: block;\r\n      z-index: 1;\r\n      position: fixed;\r\n      top: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      background: none;\r\n      content: \"\";\r\n      cursor: default;\r\n    }\r\n  }\r\n}\r\n\r\n// All Dropdowns inside <nav>\r\nnav details[role=\"list\"] summary,\r\nnav li[role=\"list\"] a {\r\n  display: flex;\r\n  direction: ltr;\r\n}\r\n\r\nnav details[role=\"list\"] summary + ul,\r\nnav li[role=\"list\"] > ul {\r\n  min-width: fit-content;\r\n  border-radius: var(--border-radius);\r\n\r\n  li a {\r\n    border-radius: 0;\r\n  }\r\n}\r\n\r\n// Dropdowns inside <nav> as nested <details>\r\nnav details[role=\"list\"] {\r\n  summary,\r\n  summary:not([role]) {\r\n    height: auto;\r\n    padding: var(--nav-link-spacing-vertical) var(--nav-link-spacing-horizontal);\r\n  }\r\n\r\n  &[open] summary {\r\n    border-radius: var(--border-radius);\r\n  }\r\n\r\n  summary + ul {\r\n    margin-top: var(--outline-width);\r\n    margin-inline-start: 0;\r\n  }\r\n\r\n  summary[role=\"link\"] {\r\n    margin-bottom: calc(var(--nav-link-spacing-vertical) * -1);\r\n    line-height: var(--line-height);\r\n\r\n    + ul {\r\n      margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));\r\n      margin-inline-start: calc(var(--nav-link-spacing-horizontal) * -1);\r\n    }\r\n  }\r\n}\r\n\r\n// Dropdowns inside a <nav> without using <details>\r\nli[role=\"list\"] {\r\n  // Open on hover (for mobile)\r\n  // or on active/focus (for keyboard navigation)\r\n  &:hover > ul,\r\n  a:active ~ ul,\r\n  a:focus ~ ul {\r\n    display: flex;\r\n  }\r\n\r\n  > ul {\r\n    display: none;\r\n    margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));\r\n    margin-inline-start: calc(\r\n      var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal)\r\n    );\r\n  }\r\n\r\n  > a::after {\r\n    background-image: var(--icon-chevron);\r\n  }\r\n}\r\n\r\nlabel > details[role=\"list\"] {\r\n  margin-top: calc(var(--spacing) * .25);\r\n  margin-bottom: var(--spacing);\r\n}\r\n","/**\r\n * Loading ([aria-busy=true])\r\n */\r\n\r\n\r\n// Cursor\r\n[aria-busy=\"true\"] {\r\n  cursor: progress;\r\n}\r\n\r\n// Everyting except form elements\r\n[aria-busy=\"true\"]:not(input, select, textarea, html) {\r\n\r\n  &::before {\r\n    display: inline-block;\r\n    width: 1em;\r\n    height: 1em;\r\n    border: 0.1875em solid currentColor;\r\n    border-radius: 1em;\r\n    border-right-color: transparent;\r\n    content: \"\";\r\n    vertical-align: text-bottom;\r\n    vertical-align: -.125em; // Visual alignment\r\n    animation: spinner 0.75s linear infinite;\r\n    opacity: var(--loading-spinner-opacity);\r\n  }\r\n\r\n  &:not(:empty) {\r\n    &::before {\r\n      margin-right: calc(var(--spacing) * 0.5);\r\n      margin-left: 0;\r\n      margin-inline-start: 0;\r\n      margin-inline-end: calc(var(--spacing) * 0.5);\r\n    }\r\n  }\r\n\r\n  &:empty {\r\n    text-align: center;\r\n  }\r\n}\r\n\r\n// Buttons and links\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\na {\r\n  &[aria-busy=\"true\"] {\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n// Animation: rotate\r\n@keyframes spinner {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n","/**\r\n * Tooltip ([data-tooltip])\r\n */\r\n\r\n[data-tooltip] {\r\n  position: relative;\r\n\r\n  &:not(a, button, input) {\r\n    border-bottom: 1px dotted;\r\n    text-decoration: none;\r\n    cursor: help;\r\n  }\r\n\r\n  &[data-placement=\"top\"]::before,\r\n  &[data-placement=\"top\"]::after,\r\n  &::before,\r\n  &::after {\r\n    display: block;\r\n    z-index: 99;\r\n    position: absolute;\r\n    bottom: 100%;\r\n    left: 50%;\r\n    padding: .25rem .5rem;\r\n    overflow: hidden;\r\n    transform: translate(-50%, -.25rem);\r\n    border-radius: var(--border-radius);\r\n    background: var(--tooltip-background-color);\r\n    content: attr(data-tooltip);\r\n    color: var(--tooltip-color);\r\n    font-style: normal;\r\n    font-weight: var(--font-weight);\r\n    font-size: .875rem;\r\n    text-decoration: none;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    opacity: 0;\r\n    pointer-events: none;\r\n  }\r\n  \r\n  // Caret\r\n  &[data-placement=\"top\"]::after,\r\n  &::after {\r\n    padding: 0;\r\n    transform: translate(-50%, 0rem);\r\n    border-top: .3rem solid;\r\n    border-right: .3rem solid transparent;\r\n    border-left: .3rem solid transparent;\r\n    border-radius: 0;\r\n    background-color: transparent;\r\n    content: \"\";\r\n    color: var(--tooltip-background-color);\r\n  }\r\n\r\n  &[data-placement=\"bottom\"] {\r\n    &::before,\r\n    &::after {\r\n      top: 100%;\r\n      bottom: auto;\r\n      transform: translate(-50%, .25rem);\r\n    }\r\n    \r\n    &:after{\r\n      transform: translate(-50%, -.3rem);\r\n      border: .3rem solid transparent;\r\n      border-bottom: .3rem solid;\r\n    }\r\n  }\r\n\r\n  &[data-placement=\"left\"] {\r\n    &::before,\r\n    &::after {\r\n      top: 50%;\r\n      right: 100%;\r\n      bottom: auto;\r\n      left: auto;\r\n      transform: translate(-.25rem, -50%);\r\n    }\r\n    \r\n    &:after{\r\n      transform: translate(.3rem, -50%);\r\n      border: .3rem solid transparent;\r\n      border-left: .3rem solid;\r\n    }\r\n  }\r\n\r\n  &[data-placement=\"right\"] {\r\n    &::before,\r\n    &::after {\r\n      top: 50%;\r\n      right: auto;\r\n      bottom: auto;\r\n      left: 100%;\r\n      transform: translate(.25rem, -50%);\r\n    }\r\n    \r\n    &:after{\r\n      transform: translate(-.3rem, -50%);\r\n      border: .3rem solid transparent;\r\n      border-right: .3rem solid;\r\n    }\r\n  }\r\n\r\n  // Display\r\n  &:focus,\r\n  &:hover {\r\n    &::before,\r\n    &::after {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  \r\n  @if $enable-transitions {\r\n\r\n    // Animations, excluding touch devices\r\n    @media (hover: hover) and (pointer: fine) {\r\n      &[data-placement=\"bottom\"]:focus,\r\n      &[data-placement=\"bottom\"]:hover\r\n      &:focus,\r\n      &:hover {\r\n        &::before,\r\n        &::after {\r\n          animation-duration: .2s;\r\n          animation-name: tooltip-slide-top;\r\n        }\r\n\r\n        &::after {\r\n          animation-name: tooltip-caret-slide-top; \r\n        }\r\n      }\r\n      \r\n      &[data-placement=\"bottom\"] {\r\n        &:focus,\r\n        &:hover {\r\n          &::before,\r\n          &::after {\r\n            animation-duration: .2s;\r\n            animation-name: tooltip-slide-bottom;\r\n          }\r\n  \r\n          &::after {\r\n            animation-name: tooltip-caret-slide-bottom; \r\n          }\r\n        }\r\n      }\r\n      \r\n      &[data-placement=\"left\"] {\r\n        &:focus,\r\n        &:hover {\r\n          &::before,\r\n          &::after {\r\n            animation-duration: .2s;\r\n            animation-name: tooltip-slide-left;\r\n          }\r\n  \r\n          &::after {\r\n            animation-name: tooltip-caret-slide-left; \r\n          }\r\n        }\r\n      }\r\n      \r\n      &[data-placement=\"right\"] {\r\n        &:focus,\r\n        &:hover {\r\n          &::before,\r\n          &::after {\r\n            animation-duration: .2s;\r\n            animation-name: tooltip-slide-right;\r\n          }\r\n  \r\n          &::after {\r\n            animation-name: tooltip-caret-slide-right; \r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    @keyframes tooltip-slide-top {\r\n      from {\r\n        transform: translate(-50%, .75rem);\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        transform: translate(-50%, -.25rem);\r\n        opacity: 1;\r\n      }\r\n    }\r\n    \r\n    @keyframes tooltip-caret-slide-top {\r\n      from {\r\n        opacity: 0;\r\n      }\r\n      50% {\r\n        transform: translate(-50%, -.25rem);\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        transform: translate(-50%, 0rem);\r\n        opacity: 1;\r\n      }\r\n    }\r\n  \r\n    @keyframes tooltip-slide-bottom {\r\n      from {\r\n        transform: translate(-50%, -.75rem);\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        transform: translate(-50%, .25rem);\r\n        opacity: 1;\r\n      }\r\n    }\r\n    \r\n    @keyframes tooltip-caret-slide-bottom {\r\n      from {\r\n        opacity: 0;\r\n      }\r\n      50% {\r\n        transform: translate(-50%, -.5rem);\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        transform: translate(-50%, -.3rem);\r\n        opacity: 1;\r\n      }\r\n    }\r\n  \r\n    @keyframes tooltip-slide-left {\r\n      from {\r\n        transform: translate(.75rem, -50%);\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        transform: translate(-.25rem, -50%);\r\n        opacity: 1;\r\n      }\r\n    }\r\n    \r\n    @keyframes tooltip-caret-slide-left {\r\n      from {\r\n        opacity: 0;\r\n      }\r\n      50% {\r\n        transform: translate(.05rem, -50%);\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        transform: translate(.3rem, -50%);\r\n        opacity: 1;\r\n      }\r\n    }\r\n  \r\n    @keyframes tooltip-slide-right {\r\n      from {\r\n        transform: translate(-.75rem, -50%);\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        transform: translate(.25rem, -50%);\r\n        opacity: 1;\r\n      }\r\n    }\r\n    \r\n    @keyframes tooltip-caret-slide-right {\r\n      from {\r\n        opacity: 0;\r\n      }\r\n      50% {\r\n        transform: translate(-.05rem, -50%);\r\n        opacity: 0;\r\n      }\r\n      to {\r\n        transform: translate(-.3rem, -50%);\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n}\r\n","/**\r\n * Accessibility & User interaction\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 v13.0.0 | 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// Pico\r\n// ––––––––––––––––––––\r\n\r\n[dir=\"rtl\"] {\r\n  direction: rtl;\r\n}\r\n","@if $enable-transitions and $enable-important {\r\n  /**\r\n * Reduce Motion Features\r\n */\r\n\r\n  // Based on :\r\n  // - sanitize.css v13.0.0 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n  // ––––––––––––––––––––\r\n\r\n  // 1. Remove animations when motion is reduced (opinionated)\r\n  // 2. Remove fixed background attachments when motion is reduced (opinionated)\r\n  // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\r\n  // 4. Remove transitions when motion is reduced (opinionated)\r\n  @media (prefers-reduced-motion: reduce) {\r\n    *:not([aria-busy=\"true\"]),\r\n    :not([aria-busy=\"true\"])::before,\r\n    :not([aria-busy=\"true\"])::after {\r\n      background-attachment: initial !important; // 2\r\n      animation-duration: 1ms !important; // 1\r\n      animation-delay: -1ms !important; // 1\r\n      animation-iteration-count: 1 !important; // 1\r\n      scroll-behavior: auto !important; // 3\r\n      transition-delay: 0s !important; // 4\r\n      transition-duration: 0s !important; // 4\r\n    }\r\n  }\r\n}\r\n"]}