mirror of
https://github.com/picocss/pico.git
synced 2025-04-21 17:16:14 -04:00
1 line
No EOL
162 KiB
Text
1 line
No EOL
162 KiB
Text
{"version":3,"sources":["../scss/pico.scss","../scss/themes/default.scss","../scss/themes/default/_styles.scss","pico.fluid.classless.css","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_sectioning.scss","../scss/layout/_section.scss","../scss/layout/_scroller.scss","../scss/content/_typography.scss","../scss/content/_embedded.scss","../scss/content/_button.scss","../scss/content/_form.scss","../scss/content/_form-checkbox-radio.scss","../scss/content/_form-alt-input-types.scss","../scss/content/_table.scss","../scss/content/_code.scss","../scss/content/_miscs.scss","../scss/components/_accordion.scss","../scss/components/_card.scss","../scss/components/_modal.scss","../scss/components/_nav.scss","../scss/components/_progress.scss","../scss/utilities/_loading.scss","../scss/utilities/_tooltip.scss","../scss/utilities/_accessibility.scss","../scss/utilities/_reduce-motion.scss"],"names":[],"mappings":"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","file":"pico.fluid.classless.css","sourcesContent":["/*!\r\n * Pico.css v1.4.4 (https://picocss.com)\r\n * Copyright 2019-2021 - Licensed under MIT\r\n */\r\n\r\n// Config\r\n@import \"variables\";\r\n\r\n// Theming\r\n@import \"themes/default\";\r\n\r\n// Layout\r\n@import \"layout/document\"; // html\r\n@import \"layout/sectioning\"; // body, header, main, footer\r\n@import \"layout/container\"; // .container, .container-fluid\r\n@import \"layout/section\"; // section\r\n@import \"layout/grid\"; // .grid\r\n@import \"layout/scroller\"; // figure\r\n\r\n// Content\r\n@import \"content/typography\"; // a, headings, p, ul, blockquote, ...\r\n@import \"content/embedded\"; // audio, canvas, iframe, img, svg, video\r\n@import \"content/button\"; // button, a[role=button], type=button, type=submit ...\r\n@import \"content/form\"; // input, select, textarea, label, fieldset, legend\r\n@import \"content/form-checkbox-radio\"; // type=checkbox, type=radio, role=switch\r\n@import \"content/form-alt-input-types\"; // type=color, type=date, type=file, type=search, ...\r\n@import \"content/table\"; // table, tr, td, ...\r\n@import \"content/code\"; // pre, code, ...\r\n@import \"content/miscs\"; // hr, template, [hidden], dialog, canvas\r\n\r\n// Components\r\n@import \"components/accordion\"; // details, summary\r\n@import \"components/card\"; // article\r\n@import \"components/modal\"; // dialog\r\n@import \"components/nav\"; // nav\r\n@import \"components/progress\"; // progress\r\n\r\n// Utilities\r\n@import \"utilities/loading\"; // aria-busy=true\r\n@import \"utilities/tooltip\"; // data-tooltip\r\n@import \"utilities/accessibility\"; // -ms-touch-action, aria-*\r\n@import \"utilities/reduce-motion\"; // prefers-reduced-motion\r\n","/**\r\n * Theme: default\r\n */\r\n\r\n// Variables\r\n@import \"../variables\";\r\n@import \"default/colors\";\r\n\r\n// Commons styles\r\n@import \"default/styles\";\r\n\r\n// Light theme (Default)\r\n// Can be forced with data-theme=\"light\"\r\n@import \"default/light\";\r\n\r\n// Dark theme (Auto)\r\n// Automatically enabled if user has Dark mode enabled\r\n@import \"default/dark\";\r\n@media only screen and (prefers-color-scheme: dark) {\r\n :root:not([data-theme=\"light\"]) {\r\n @include dark;\r\n }\r\n}\r\n\r\n// Dark theme (Forced)\r\n// Enabled if forced with data-theme=\"dark\"\r\n[data-theme=\"dark\"] {\r\n @include dark;\r\n}\r\n","// Commons Styles\r\n:root {\r\n // Typography\r\n --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\r\n \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\r\n \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n --line-height: 1.5;\r\n --font-weight: 400;\r\n --font-size: 16px;\r\n\r\n // Responsive typography\r\n @if $enable-responsive-typography {\r\n @if map-get($breakpoints, \"sm\") {\r\n @media (min-width: map-get($breakpoints, \"sm\")) {\r\n --font-size: 17px;\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"md\") {\r\n @media (min-width: map-get($breakpoints, \"md\")) {\r\n --font-size: 18px;\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"lg\") {\r\n @media (min-width: map-get($breakpoints, \"lg\")) {\r\n --font-size: 19px;\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"xl\") {\r\n @media (min-width: map-get($breakpoints, \"xl\")) {\r\n --font-size: 20px;\r\n }\r\n }\r\n }\r\n\r\n // Borders\r\n --border-radius: 0.25rem;\r\n --border-width: 1px;\r\n --outline-width: 3px;\r\n\r\n // Spacings\r\n --spacing: 1rem;\r\n\r\n // Spacings for typography elements\r\n --typography-spacing-vertical: 1.5rem;\r\n\r\n // Spacings for body > header, body > main, body > footer, section, article\r\n --block-spacing-vertical: calc(var(--spacing) * 2);\r\n --block-spacing-horizontal: var(--spacing);\r\n\r\n @if ($enable-classes and $enable-grid) {\r\n --grid-spacing-vertical: 0;\r\n --grid-spacing-horizontal: var(--spacing);\r\n }\r\n\r\n // Spacings for form elements and button\r\n --form-element-spacing-vertical: 0.75rem;\r\n --form-element-spacing-horizontal: 1rem;\r\n\r\n // Font weight for form labels & fieldsets legend\r\n --form-label-font-weight: var(--font-weight);\r\n\r\n // Transitions\r\n --transition: 0.2s ease-in-out;\r\n}\r\n\r\n// Responsives spacings\r\n@if $enable-responsive-spacings {\r\n // Sectionning\r\n body > header,\r\n body > main,\r\n body > footer,\r\n section {\r\n @if map-get($breakpoints, \"sm\") {\r\n @media (min-width: map-get($breakpoints, \"sm\")) {\r\n --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"md\") {\r\n @media (min-width: map-get($breakpoints, \"md\")) {\r\n --block-spacing-vertical: calc(var(--spacing) * 3);\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"lg\") {\r\n @media (min-width: map-get($breakpoints, \"lg\")) {\r\n --block-spacing-vertical: calc(var(--spacing) * 3.5);\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"xl\") {\r\n @media (min-width: map-get($breakpoints, \"xl\")) {\r\n --block-spacing-vertical: calc(var(--spacing) * 4);\r\n }\r\n }\r\n }\r\n\r\n // Card (<article>)\r\n article {\r\n @if map-get($breakpoints, \"sm\") {\r\n @media (min-width: map-get($breakpoints, \"sm\")) {\r\n --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"md\") {\r\n @media (min-width: map-get($breakpoints, \"md\")) {\r\n --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"lg\") {\r\n @media (min-width: map-get($breakpoints, \"lg\")) {\r\n --block-spacing-horizontal: calc(var(--spacing) * 1.75);\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"xl\") {\r\n @media (min-width: map-get($breakpoints, \"xl\")) {\r\n --block-spacing-horizontal: calc(var(--spacing) * 2);\r\n }\r\n }\r\n }\r\n\r\n // Modal\r\n dialog > article {\r\n\r\n --block-spacing-vertical: calc(var(--spacing) * 2);\r\n --block-spacing-horizontal: var(--spacing);\r\n\r\n @if map-get($breakpoints, \"sm\") {\r\n @media (min-width: map-get($breakpoints, \"sm\")) {\r\n --block-spacing-vertical: calc(var(--spacing) * 2.5);\r\n --block-spacing-horizontal: calc(var(--spacing) * 1.25);\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"md\") {\r\n @media (min-width: map-get($breakpoints, \"md\")) {\r\n --block-spacing-vertical: calc(var(--spacing) * 3);\r\n --block-spacing-horizontal: calc(var(--spacing) * 1.5);\r\n }\r\n }\r\n }\r\n}\r\n\r\n// Link\r\na {\r\n --text-decoration: none;\r\n\r\n // Secondary & Contrast\r\n @if $enable-classes {\r\n &.secondary,\r\n &.contrast {\r\n --text-decoration: underline;\r\n }\r\n }\r\n}\r\n\r\n// Small\r\nsmall {\r\n --font-size: 0.875em;\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n --font-weight: 700;\r\n}\r\n\r\nh1 {\r\n --font-size: 2rem;\r\n --typography-spacing-vertical: 3rem;\r\n}\r\n\r\nh2 {\r\n --font-size: 1.75rem;\r\n --typography-spacing-vertical: 2.625rem;\r\n}\r\n\r\nh3 {\r\n --font-size: 1.5rem;\r\n --typography-spacing-vertical: 2.25rem;\r\n}\r\n\r\nh4 {\r\n --font-size: 1.25rem;\r\n --typography-spacing-vertical: 1.874rem;\r\n}\r\n\r\nh5 {\r\n --font-size: 1.125rem;\r\n --typography-spacing-vertical: 1.6875rem;\r\n}\r\n\r\n// Forms elements\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n --border-width: 2px;\r\n}\r\n\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n --border-width: 3px;\r\n}\r\n\r\n// Table\r\nthead,\r\ntfoot {\r\n th,\r\n td {\r\n --border-width: 3px;\r\n }\r\n}\r\n\r\n:not(thead):not(tfoot) > * > td {\r\n --font-size: 0.875em;\r\n}\r\n\r\n// Code\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\r\n \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\r\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\r\n}\r\n\r\nkbd {\r\n --font-weight: bolder;\r\n}\r\n","/*!\n * Pico.css v1.4.4 (https://picocss.com)\n * Copyright 2019-2021 - Licensed under MIT\n */\n/**\n * Theme: default\n */\n:root {\n --font-family: system-ui, -apple-system, \"Segoe UI\", \"Roboto\", \"Ubuntu\",\n \"Cantarell\", \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\",\n \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --line-height: 1.5;\n --font-weight: 400;\n --font-size: 16px;\n --border-radius: 0.25rem;\n --border-width: 1px;\n --outline-width: 3px;\n --spacing: 1rem;\n --typography-spacing-vertical: 1.5rem;\n --block-spacing-vertical: calc(var(--spacing) * 2);\n --block-spacing-horizontal: var(--spacing);\n --form-element-spacing-vertical: 0.75rem;\n --form-element-spacing-horizontal: 1rem;\n --form-label-font-weight: var(--font-weight);\n --transition: 0.2s ease-in-out;\n}\n@media (min-width: 576px) {\n :root {\n --font-size: 17px;\n }\n}\n@media (min-width: 768px) {\n :root {\n --font-size: 18px;\n }\n}\n@media (min-width: 992px) {\n :root {\n --font-size: 19px;\n }\n}\n@media (min-width: 1200px) {\n :root {\n --font-size: 20px;\n }\n}\n\n@media (min-width: 576px) {\n body > header,\nbody > main,\nbody > footer,\nsection {\n --block-spacing-vertical: calc(var(--spacing) * 2.5);\n }\n}\n@media (min-width: 768px) {\n body > header,\nbody > main,\nbody > footer,\nsection {\n --block-spacing-vertical: calc(var(--spacing) * 3);\n }\n}\n@media (min-width: 992px) {\n body > header,\nbody > main,\nbody > footer,\nsection {\n --block-spacing-vertical: calc(var(--spacing) * 3.5);\n }\n}\n@media (min-width: 1200px) {\n body > header,\nbody > main,\nbody > footer,\nsection {\n --block-spacing-vertical: calc(var(--spacing) * 4);\n }\n}\n\n@media (min-width: 576px) {\n article {\n --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n }\n}\n@media (min-width: 768px) {\n article {\n --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n }\n}\n@media (min-width: 992px) {\n article {\n --block-spacing-horizontal: calc(var(--spacing) * 1.75);\n }\n}\n@media (min-width: 1200px) {\n article {\n --block-spacing-horizontal: calc(var(--spacing) * 2);\n }\n}\n\ndialog > article {\n --block-spacing-vertical: calc(var(--spacing) * 2);\n --block-spacing-horizontal: var(--spacing);\n}\n@media (min-width: 576px) {\n dialog > article {\n --block-spacing-vertical: calc(var(--spacing) * 2.5);\n --block-spacing-horizontal: calc(var(--spacing) * 1.25);\n }\n}\n@media (min-width: 768px) {\n dialog > article {\n --block-spacing-vertical: calc(var(--spacing) * 3);\n --block-spacing-horizontal: calc(var(--spacing) * 1.5);\n }\n}\n\na {\n --text-decoration: none;\n}\n\nsmall {\n --font-size: 0.875em;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n --font-weight: 700;\n}\n\nh1 {\n --font-size: 2rem;\n --typography-spacing-vertical: 3rem;\n}\n\nh2 {\n --font-size: 1.75rem;\n --typography-spacing-vertical: 2.625rem;\n}\n\nh3 {\n --font-size: 1.5rem;\n --typography-spacing-vertical: 2.25rem;\n}\n\nh4 {\n --font-size: 1.25rem;\n --typography-spacing-vertical: 1.874rem;\n}\n\nh5 {\n --font-size: 1.125rem;\n --typography-spacing-vertical: 1.6875rem;\n}\n\n[type=checkbox],\n[type=radio] {\n --border-width: 2px;\n}\n\n[type=checkbox][role=switch] {\n --border-width: 3px;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n --border-width: 3px;\n}\n\n:not(thead):not(tfoot) > * > td {\n --font-size: 0.875em;\n}\n\npre,\ncode,\nkbd,\nsamp {\n --font-family: \"Menlo\", \"Consolas\", \"Roboto Mono\", \"Ubuntu Monospace\",\n \"Noto Mono\", \"Oxygen Mono\", \"Liberation Mono\", monospace,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n}\n\nkbd {\n --font-weight: bolder;\n}\n\n[data-theme=light],\n:root:not([data-theme=dark]) {\n --background-color: #fff;\n --color: #415462;\n --h1-color: #1b2832;\n --h2-color: #24333e;\n --h3-color: #2c3d49;\n --h4-color: #374956;\n --h5-color: #415462;\n --h6-color: #4d606d;\n --muted-color: #73828c;\n --muted-border-color: #edf0f3;\n --primary: #1095c1;\n --primary-hover: #08769b;\n --primary-focus: rgba(16, 149, 193, 0.125);\n --primary-inverse: #fff;\n --secondary: #596b78;\n --secondary-hover: #415462;\n --secondary-focus: rgba(89, 107, 120, 0.125);\n --secondary-inverse: #fff;\n --contrast: #1b2832;\n --contrast-hover: #000;\n --contrast-focus: rgba(89, 107, 120, 0.125);\n --contrast-inverse: #fff;\n --mark-background-color: #fff2ca;\n --mark-color: #543a26;\n --ins-color: #388e3c;\n --del-color: #c62828;\n --blockquote-border-color: var(--muted-border-color);\n --blockquote-footer-color: var(--muted-color);\n --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n --form-element-background-color: transparent;\n --form-element-border-color: #a2afb9;\n --form-element-color: var(--color);\n --form-element-placeholder-color: var(--muted-color);\n --form-element-active-background-color: transparent;\n --form-element-active-border-color: var(--primary);\n --form-element-focus-color: var(--primary-focus);\n --form-element-disabled-background-color: #d5dce2;\n --form-element-disabled-border-color: #a2afb9;\n --form-element-disabled-opacity: 0.5;\n --form-element-invalid-border-color: #c62828;\n --form-element-invalid-active-border-color: #d32f2f;\n --form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);\n --form-element-valid-border-color: #388e3c;\n --form-element-valid-active-border-color: #43a047;\n --form-element-valid-focus-color: rgba(67, 160, 71, 0.125);\n --switch-background-color: #bbc6ce;\n --switch-color: var(--primary-inverse);\n --switch-checked-background-color: var(--primary);\n --range-border-color: #d5dce2;\n --range-active-border-color: #bbc6ce;\n --range-thumb-border-color: var(--background-color);\n --range-thumb-color: var(--secondary);\n --range-thumb-hover-color: var(--secondary-hover);\n --range-thumb-active-color: var(--primary);\n --table-border-color: var(--muted-border-color);\n --table-row-stripped-background-color: #f6f8f9;\n --code-background-color: #edf0f3;\n --code-color: var(--muted-color);\n --code-kbd-background-color: var(--contrast);\n --code-kbd-color: var(--contrast-inverse);\n --code-tag-color: #b34d80;\n --code-property-color: #3d888f;\n --code-value-color: #998866;\n --code-comment-color: #a2afb9;\n --accordion-border-color: var(--muted-border-color);\n --accordion-close-summary-color: var(--color);\n --accordion-open-summary-color: var(--muted-color);\n --card-background-color: var(--background-color);\n --card-border-color: var(--muted-border-color);\n --card-box-shadow: 0 0.125rem 1rem rgba(27, 40, 50, 0.04),\n 0 0.125rem 2rem rgba(27, 40, 50, 0.08),\n 0 0 0 0.0625rem rgba(27, 40, 50, 0.024);\n --card-sectionning-background-color: #fbfbfc;\n --modal-overlay-background-color: rgba(213, 220, 226, 0.8);\n --progress-background-color: #d5dce2;\n --progress-color: var(--primary);\n --loading-spinner-opacity: 0.5;\n --tooltip-background-color: var(--contrast);\n --tooltip-color: var(--contrast-inverse);\n --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n color-scheme: light;\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n :root:not([data-theme=light]) {\n --background-color: #11191f;\n --color: #bbc6ce;\n --h1-color: #edf0f3;\n --h2-color: #e1e6eb;\n --h3-color: #d5dce2;\n --h4-color: #c8d1d8;\n --h5-color: #bbc6ce;\n --h6-color: #afbbc4;\n --muted-color: #73828c;\n --muted-border-color: #1f2d38;\n --primary: #1095c1;\n --primary-hover: #1ab3e6;\n --primary-focus: rgba(16, 149, 193, 0.25);\n --primary-inverse: #fff;\n --secondary: #596b78;\n --secondary-hover: #73828c;\n --secondary-focus: rgba(115, 130, 140, 0.25);\n --secondary-inverse: #fff;\n --contrast: #edf0f3;\n --contrast-hover: #fff;\n --contrast-focus: rgba(115, 130, 140, 0.25);\n --contrast-inverse: #000;\n --mark-background-color: #d1c284;\n --mark-color: #11191f;\n --ins-color: #388e3c;\n --del-color: #c62828;\n --blockquote-border-color: var(--muted-border-color);\n --blockquote-footer-color: var(--muted-color);\n --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n --form-element-background-color: #11191f;\n --form-element-border-color: #374956;\n --form-element-color: var(--color);\n --form-element-placeholder-color: var(--muted-color);\n --form-element-active-background-color: var(--form-element-background-color);\n --form-element-active-border-color: var(--primary);\n --form-element-focus-color: var(--primary-focus);\n --form-element-disabled-background-color: #2c3d49;\n --form-element-disabled-border-color: #415462;\n --form-element-disabled-opacity: 0.5;\n --form-element-invalid-border-color: #b71c1c;\n --form-element-invalid-active-border-color: #c62828;\n --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n --form-element-valid-border-color: #2e7d32;\n --form-element-valid-active-border-color: #388e3c;\n --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n --switch-background-color: #374956;\n --switch-color: var(--primary-inverse);\n --switch-checked-background-color: var(--primary);\n --range-border-color: #24333e;\n --range-active-border-color: #2c3d49;\n --range-thumb-border-color: var(--background-color);\n --range-thumb-color: var(--secondary);\n --range-thumb-hover-color: var(--secondary-hover);\n --range-thumb-active-color: var(--primary);\n --table-border-color: var(--muted-border-color);\n --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n --code-background-color: #18232c;\n --code-color: var(--muted-color);\n --code-kbd-background-color: var(--contrast);\n --code-kbd-color: var(--contrast-inverse);\n --code-tag-color: #a65980;\n --code-property-color: #599fa6;\n --code-value-color: #8c8473;\n --code-comment-color: #4d606d;\n --accordion-border-color: var(--muted-border-color);\n --accordion-active-summary-color: var(--primary);\n --accordion-close-summary-color: var(--color);\n --accordion-open-summary-color: var(--muted-color);\n --card-background-color: #141e26;\n --card-border-color: #11191f;\n --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n 0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n 0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n --card-sectionning-background-color: #18232c;\n --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n --progress-background-color: #24333e;\n --progress-color: var(--primary);\n --loading-spinner-opacity: 0.5;\n --tooltip-background-color: var(--contrast);\n --tooltip-color: var(--contrast-inverse);\n --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n color-scheme: dark;\n }\n}\n[data-theme=dark] {\n --background-color: #11191f;\n --color: #bbc6ce;\n --h1-color: #edf0f3;\n --h2-color: #e1e6eb;\n --h3-color: #d5dce2;\n --h4-color: #c8d1d8;\n --h5-color: #bbc6ce;\n --h6-color: #afbbc4;\n --muted-color: #73828c;\n --muted-border-color: #1f2d38;\n --primary: #1095c1;\n --primary-hover: #1ab3e6;\n --primary-focus: rgba(16, 149, 193, 0.25);\n --primary-inverse: #fff;\n --secondary: #596b78;\n --secondary-hover: #73828c;\n --secondary-focus: rgba(115, 130, 140, 0.25);\n --secondary-inverse: #fff;\n --contrast: #edf0f3;\n --contrast-hover: #fff;\n --contrast-focus: rgba(115, 130, 140, 0.25);\n --contrast-inverse: #000;\n --mark-background-color: #d1c284;\n --mark-color: #11191f;\n --ins-color: #388e3c;\n --del-color: #c62828;\n --blockquote-border-color: var(--muted-border-color);\n --blockquote-footer-color: var(--muted-color);\n --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n --form-element-background-color: #11191f;\n --form-element-border-color: #374956;\n --form-element-color: var(--color);\n --form-element-placeholder-color: var(--muted-color);\n --form-element-active-background-color: var(--form-element-background-color);\n --form-element-active-border-color: var(--primary);\n --form-element-focus-color: var(--primary-focus);\n --form-element-disabled-background-color: #2c3d49;\n --form-element-disabled-border-color: #415462;\n --form-element-disabled-opacity: 0.5;\n --form-element-invalid-border-color: #b71c1c;\n --form-element-invalid-active-border-color: #c62828;\n --form-element-invalid-focus-color: rgba(198, 40, 40, 0.25);\n --form-element-valid-border-color: #2e7d32;\n --form-element-valid-active-border-color: #388e3c;\n --form-element-valid-focus-color: rgba(56, 142, 60, 0.25);\n --switch-background-color: #374956;\n --switch-color: var(--primary-inverse);\n --switch-checked-background-color: var(--primary);\n --range-border-color: #24333e;\n --range-active-border-color: #2c3d49;\n --range-thumb-border-color: var(--background-color);\n --range-thumb-color: var(--secondary);\n --range-thumb-hover-color: var(--secondary-hover);\n --range-thumb-active-color: var(--primary);\n --table-border-color: var(--muted-border-color);\n --table-row-stripped-background-color: rgba(115, 130, 140, 0.05);\n --code-background-color: #18232c;\n --code-color: var(--muted-color);\n --code-kbd-background-color: var(--contrast);\n --code-kbd-color: var(--contrast-inverse);\n --code-tag-color: #a65980;\n --code-property-color: #599fa6;\n --code-value-color: #8c8473;\n --code-comment-color: #4d606d;\n --accordion-border-color: var(--muted-border-color);\n --accordion-active-summary-color: var(--primary);\n --accordion-close-summary-color: var(--color);\n --accordion-open-summary-color: var(--muted-color);\n --card-background-color: #141e26;\n --card-border-color: #11191f;\n --card-box-shadow: 0 0.125rem 1rem rgba(0, 0, 0, 0.06),\n 0 0.125rem 2rem rgba(0, 0, 0, 0.12),\n 0 0 0 0.0625rem rgba(0, 0, 0, 0.036);\n --card-sectionning-background-color: #18232c;\n --modal-overlay-background-color: rgba(36, 51, 62, 0.9);\n --progress-background-color: #24333e;\n --progress-color: var(--primary);\n --loading-spinner-opacity: 0.5;\n --tooltip-background-color: var(--contrast);\n --tooltip-color: var(--contrast-inverse);\n --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\n --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\n --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\n --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(183, 28, 28, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\n --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\n --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\n --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(162, 175, 185, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\n --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(46, 125, 50, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n color-scheme: dark;\n}\n\n/**\n * Document\n * Content-box & Responsive typography\n */\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n::before,\n::after {\n text-decoration: inherit;\n vertical-align: inherit;\n}\n\nhtml {\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n -ms-text-size-adjust: 100%;\n text-rendering: optimizeLegibility;\n background-color: var(--background-color);\n color: var(--color);\n font-weight: var(--font-weight);\n font-size: var(--font-size);\n line-height: var(--line-height);\n font-family: var(--font-family);\n cursor: default;\n tab-size: 4;\n}\n\n/**\n * Sectioning\n * Container and responsive spacings for header, main, footer\n */\nmain {\n display: block;\n}\n\nbody {\n width: 100%;\n margin: 0;\n}\nbody > header,\nbody > main,\nbody > footer {\n width: 100%;\n margin-right: auto;\n margin-left: auto;\n padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n}\n\n/**\n * Section\n * Responsive spacings for section\n */\nsection {\n margin-bottom: var(--block-spacing-vertical);\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n display: block;\n margin: 0;\n padding: 0;\n overflow-x: auto;\n}\nfigure figcaption {\n padding: calc(var(--spacing) * 0.5) 0;\n color: var(--muted-color);\n}\n\n/**\n * Typography\n */\nb,\nstrong {\n font-weight: bolder;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 0.75em;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nul dl {\n margin: 0;\n}\n\nol ol,\nol ul,\nul ol,\nul ul {\n margin: 0;\n}\n\naddress,\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n margin-top: 0;\n margin-bottom: var(--typography-spacing-vertical);\n color: var(--color);\n font-style: normal;\n font-weight: var(--font-weight);\n font-size: var(--font-size);\n}\n\na {\n --color: var(--primary);\n --background-color: transparent;\n outline: none;\n background-color: var(--background-color);\n color: var(--color);\n text-decoration: var(--text-decoration);\n transition: background-color var(--transition), color var(--transition), text-decoration var(--transition), box-shadow var(--transition);\n}\na:hover, a:active, a:focus {\n --color: var(--primary-hover);\n --text-decoration: underline;\n}\na:focus {\n --background-color: var(--primary-focus);\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin-top: 0;\n margin-bottom: var(--typography-spacing-vertical);\n color: var(--color);\n font-weight: var(--font-weight);\n font-size: var(--font-size);\n font-family: var(--font-family);\n}\n\nh1 {\n --color: var(--h1-color);\n}\n\nh2 {\n --color: var(--h2-color);\n}\n\nh3 {\n --color: var(--h3-color);\n}\n\nh4 {\n --color: var(--h4-color);\n}\n\nh5 {\n --color: var(--h5-color);\n}\n\nh6 {\n --color: var(--h6-color);\n}\n\naddress ~ h1, address ~ h2, address ~ h3, address ~ h4, address ~ h5, address ~ h6,\nblockquote ~ h1,\nblockquote ~ h2,\nblockquote ~ h3,\nblockquote ~ h4,\nblockquote ~ h5,\nblockquote ~ h6,\ndl ~ h1,\ndl ~ h2,\ndl ~ h3,\ndl ~ h4,\ndl ~ h5,\ndl ~ h6,\nfigure ~ h1,\nfigure ~ h2,\nfigure ~ h3,\nfigure ~ h4,\nfigure ~ h5,\nfigure ~ h6,\nform ~ h1,\nform ~ h2,\nform ~ h3,\nform ~ h4,\nform ~ h5,\nform ~ h6,\nol ~ h1,\nol ~ h2,\nol ~ h3,\nol ~ h4,\nol ~ h5,\nol ~ h6,\np ~ h1,\np ~ h2,\np ~ h3,\np ~ h4,\np ~ h5,\np ~ h6,\npre ~ h1,\npre ~ h2,\npre ~ h3,\npre ~ h4,\npre ~ h5,\npre ~ h6,\ntable ~ h1,\ntable ~ h2,\ntable ~ h3,\ntable ~ h4,\ntable ~ h5,\ntable ~ h6,\nul ~ h1,\nul ~ h2,\nul ~ h3,\nul ~ h4,\nul ~ h5,\nul ~ h6 {\n margin-top: var(--typography-spacing-vertical);\n}\n\nhgroup {\n margin-bottom: var(--typography-spacing-vertical);\n}\nhgroup > * {\n margin-bottom: 0;\n}\nhgroup > *:last-child {\n --color: var(--muted-color);\n --font-weight: unset;\n font-size: 1rem;\n font-family: unset;\n}\n\np {\n margin-bottom: var(--typography-spacing-vertical);\n}\n\nsmall {\n font-size: var(--font-size);\n}\n\nul,\nol {\n padding-right: 0;\n padding-left: var(--spacing);\n padding-inline-start: var(--spacing);\n padding-inline-end: 0;\n}\nul li,\nol li {\n margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\n}\n\nul li {\n list-style: square;\n}\n\nmark {\n padding: 0.125rem 0.25rem;\n background-color: var(--mark-background-color);\n color: var(--mark-color);\n vertical-align: baseline;\n}\n\nblockquote {\n display: block;\n margin: var(--typography-spacing-vertical) 0;\n padding: var(--spacing);\n border-right: none;\n border-left: 0.25rem solid var(--blockquote-border-color);\n border-inline-start: 0.25rem solid var(--blockquote-border-color);\n border-inline-end: none;\n}\nblockquote footer {\n margin-top: calc(var(--typography-spacing-vertical) * 0.5);\n color: var(--blockquote-footer-color);\n}\n\nabbr[title] {\n border-bottom: 1px dotted;\n text-decoration: none;\n cursor: help;\n}\n\nins {\n color: var(--ins-color);\n text-decoration: none;\n}\n\ndel {\n color: var(--del-color);\n}\n\n::selection {\n background-color: var(--primary-focus);\n}\n\n/**\n * Embedded content\n */\naudio,\ncanvas,\niframe,\nimg,\nsvg,\nvideo {\n vertical-align: middle;\n}\n\naudio,\nvideo {\n display: inline-block;\n}\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\niframe {\n border-style: none;\n}\n\nimg {\n max-width: 100%;\n height: auto;\n border-style: none;\n}\n\nsvg:not([fill]) {\n fill: currentColor;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/**\n * Button\n */\nbutton {\n margin: 0;\n overflow: visible;\n font-family: inherit;\n text-transform: none;\n}\n\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=button]::-moz-focus-inner,\n[type=reset]::-moz-focus-inner,\n[type=submit]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\nbutton {\n display: block;\n width: 100%;\n margin-bottom: var(--spacing);\n}\n\n[role=button] {\n display: inline-block;\n text-decoration: none;\n}\n\nbutton,\ninput[type=submit],\ninput[type=button],\ninput[type=reset],\n[role=button] {\n --background-color: var(--primary);\n --border-color: var(--primary);\n --color: var(--primary-inverse);\n --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius);\n outline: none;\n background-color: var(--background-color);\n box-shadow: var(--box-shadow);\n color: var(--color);\n font-weight: var(--font-weight);\n font-size: 1rem;\n line-height: var(--line-height);\n text-align: center;\n cursor: pointer;\n transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\nbutton:hover, button:active, button:focus,\ninput[type=submit]:hover,\ninput[type=submit]:active,\ninput[type=submit]:focus,\ninput[type=button]:hover,\ninput[type=button]:active,\ninput[type=button]:focus,\ninput[type=reset]:hover,\ninput[type=reset]:active,\ninput[type=reset]:focus,\n[role=button]:hover,\n[role=button]:active,\n[role=button]:focus {\n --background-color: var(--primary-hover);\n --border-color: var(--primary-hover);\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n --color: var(--primary-inverse);\n}\nbutton:focus,\ninput[type=submit]:focus,\ninput[type=button]:focus,\ninput[type=reset]:focus,\n[role=button]:focus {\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n 0 0 0 var(--outline-width) var(--primary-focus);\n}\n\ninput[type=reset] {\n --background-color: var(--secondary);\n --border-color: var(--secondary);\n --color: var(--secondary-inverse);\n cursor: pointer;\n}\ninput[type=reset]:hover, input[type=reset]:active, input[type=reset]:focus {\n --background-color: var(--secondary-hover);\n --border-color: var(--secondary-hover);\n}\ninput[type=reset]:focus {\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n 0 0 0 var(--outline-width) var(--secondary-focus);\n}\n\nbutton[disabled],\ninput[type=submit][disabled],\ninput[type=button][disabled],\ninput[type=reset][disabled],\na[role=button]:not([href]),\n[role=button][disabled] {\n opacity: 0.5;\n pointer-events: none;\n}\n\n/**\n * Form elements\n */\ninput,\noptgroup,\nselect,\ntextarea {\n margin: 0;\n font-size: 1rem;\n line-height: var(--line-height);\n font-family: inherit;\n letter-spacing: inherit;\n}\n\ninput {\n overflow: visible;\n}\n\nselect {\n text-transform: none;\n}\n\nlegend {\n max-width: 100%;\n padding: 0;\n color: inherit;\n white-space: normal;\n}\n\ntextarea {\n overflow: auto;\n}\n\n[type=checkbox],\n[type=radio] {\n padding: 0;\n}\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=search] {\n -webkit-appearance: textfield;\n outline-offset: -2px;\n}\n\n[type=search]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n -webkit-appearance: button;\n font: inherit;\n}\n\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\n:-moz-focusring {\n outline: none;\n}\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n::-ms-expand {\n display: none;\n}\n\n[type=file],\n[type=range] {\n padding: 0;\n border-width: 0;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]) {\n height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);\n}\n\nfieldset {\n margin: 0;\n margin-bottom: var(--spacing);\n padding: 0;\n border: 0;\n}\n\nlabel,\nfieldset legend {\n display: block;\n margin-bottom: calc(var(--spacing) * 0.25);\n font-weight: var(--form-label-font-weight, var(--font-weight));\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n width: 100%;\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),\nselect,\ntextarea {\n appearance: none;\n padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);\n vertical-align: middle;\n}\n\ninput,\nselect,\ntextarea {\n --background-color: var(--form-element-background-color);\n --border-color: var(--form-element-border-color);\n --color: var(--form-element-color);\n --box-shadow: none;\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius);\n outline: none;\n background-color: var(--background-color);\n box-shadow: var(--box-shadow);\n color: var(--color);\n font-weight: var(--font-weight);\n transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n --background-color: var(--form-element-active-background-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):active, input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):focus,\nselect:active,\nselect:focus,\ntextarea:active,\ntextarea:focus {\n --border-color: var(--form-element-active-border-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,\nselect:focus,\ntextarea:focus {\n --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\n}\n\ninput:not([type=submit]):not([type=button]):not([type=reset])[disabled],\nselect[disabled],\ntextarea[disabled] {\n --background-color: var(--form-element-disabled-background-color);\n --border-color: var(--form-element-disabled-border-color);\n opacity: var(--form-element-disabled-opacity);\n}\n\ninput:not([type=checkbox]):not([type=radio])[aria-invalid],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid] {\n padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n padding-left: var(--form-element-spacing-horizontal);\n padding-inline-start: var(--form-element-spacing-horizontal) !important;\n padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;\n background-position: center right 0.75rem;\n background-size: 1rem auto;\n background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=false],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=false],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n background-image: var(--icon-valid);\n}\ninput:not([type=checkbox]):not([type=radio])[aria-invalid=true],\nselect:not([type=checkbox]):not([type=radio])[aria-invalid=true],\ntextarea:not([type=checkbox]):not([type=radio])[aria-invalid=true] {\n background-image: var(--icon-invalid);\n}\ninput[aria-invalid=false],\nselect[aria-invalid=false],\ntextarea[aria-invalid=false] {\n --border-color: var(--form-element-valid-border-color);\n}\ninput[aria-invalid=false]:active, input[aria-invalid=false]:focus,\nselect[aria-invalid=false]:active,\nselect[aria-invalid=false]:focus,\ntextarea[aria-invalid=false]:active,\ntextarea[aria-invalid=false]:focus {\n --border-color: var(--form-element-valid-active-border-color) !important;\n --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\n}\ninput[aria-invalid=true],\nselect[aria-invalid=true],\ntextarea[aria-invalid=true] {\n --border-color: var(--form-element-invalid-border-color);\n}\ninput[aria-invalid=true]:active, input[aria-invalid=true]:focus,\nselect[aria-invalid=true]:active,\nselect[aria-invalid=true]:focus,\ntextarea[aria-invalid=true]:active,\ntextarea[aria-invalid=true]:focus {\n --border-color: var(--form-element-invalid-active-border-color) !important;\n --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\n}\n\n[dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] input:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] select:not([type=checkbox]):not([type=radio])[aria-invalid=false],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=true],\n[dir=rtl] textarea:not([type=checkbox]):not([type=radio])[aria-invalid=false] {\n background-position: center left 0.75rem;\n}\n\ninput::placeholder,\ninput::-webkit-input-placeholder,\ntextarea::placeholder,\ntextarea::-webkit-input-placeholder,\nselect:invalid {\n color: var(--form-element-placeholder-color);\n opacity: 1;\n}\n\ninput:not([type=checkbox]):not([type=radio]),\nselect,\ntextarea {\n margin-bottom: var(--spacing);\n}\n\nselect::-ms-expand {\n border: 0;\n background-color: transparent;\n}\nselect:not([multiple]):not([size]) {\n padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n padding-left: var(--form-element-spacing-horizontal);\n padding-inline-start: var(--form-element-spacing-horizontal);\n padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\n background-image: var(--icon-chevron);\n background-position: center right 0.75rem;\n background-size: 1rem auto;\n background-repeat: no-repeat;\n}\n\n[dir=rtl] select:not([multiple]):not([size]) {\n background-position: center left 0.75rem;\n}\n\ninput + small,\nselect + small,\ntextarea + small {\n display: block;\n width: 100%;\n margin-top: calc(var(--spacing) * -0.75);\n margin-bottom: var(--spacing);\n color: var(--muted-color);\n}\n\nlabel > input, label > select, label > textarea {\n margin-top: calc(var(--spacing) * 0.25);\n}\n\n/**\n * Form elements\n * Checkboxes & Radios\n */\n[type=checkbox],\n[type=radio] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 1.25em;\n height: 1.25em;\n margin-top: -0.125em;\n margin-right: 0.375em;\n margin-left: 0;\n margin-inline-start: 0;\n margin-inline-end: 0.375em;\n border-width: var(--border-width);\n font-size: inherit;\n vertical-align: middle;\n cursor: pointer;\n}\n[type=checkbox]::-ms-check,\n[type=radio]::-ms-check {\n display: none;\n}\n[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,\n[type=radio]:checked,\n[type=radio]:checked:active,\n[type=radio]:checked:focus {\n --background-color: var(--primary);\n --border-color: var(--primary);\n background-image: var(--icon-checkbox);\n background-position: center;\n background-size: 0.75em auto;\n background-repeat: no-repeat;\n}\n[type=checkbox] ~ label,\n[type=radio] ~ label {\n display: inline-block;\n margin-right: 0.375em;\n margin-bottom: 0;\n cursor: pointer;\n}\n\n[type=checkbox]:indeterminate {\n --background-color: var(--primary);\n --border-color: var(--primary);\n background-image: var(--icon-minus);\n background-position: center;\n background-size: 0.75em auto;\n background-repeat: no-repeat;\n}\n\n[type=radio] {\n border-radius: 50%;\n}\n[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {\n --background-color: var(--primary-inverse);\n border-width: 0.35em;\n background-image: none;\n}\n\n[type=checkbox][role=switch] {\n --background-color: var(--switch-background-color);\n --border-color: var(--switch-background-color);\n --color: var(--switch-color);\n width: 2.25em;\n height: 1.25em;\n border: var(--border-width) solid var(--border-color);\n border-radius: 1.25em;\n background-color: var(--background-color);\n line-height: 1.25em;\n}\n[type=checkbox][role=switch]:focus {\n --background-color: var(--switch-background-color);\n --border-color: var(--switch-background-color);\n}\n[type=checkbox][role=switch]:checked {\n --background-color: var(--switch-checked-background-color);\n --border-color: var(--switch-checked-background-color);\n}\n[type=checkbox][role=switch]:before {\n display: block;\n width: calc(1.25em - (var(--border-width) * 2));\n height: 100%;\n border-radius: 50%;\n background-color: var(--color);\n content: \"\";\n transition: margin 0.1s ease-in-out;\n}\n[type=checkbox][role=switch]:checked {\n background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n margin-left: calc(1.125em - var(--border-width));\n margin-inline-start: calc(1.125em - var(--border-width));\n}\n\n[type=checkbox][aria-invalid=false],\n[type=checkbox]:checked[aria-invalid=false],\n[type=radio][aria-invalid=false],\n[type=radio]:checked[aria-invalid=false],\n[type=checkbox][role=switch][aria-invalid=false],\n[type=checkbox][role=switch]:checked[aria-invalid=false] {\n --border-color: var(--form-element-valid-border-color);\n}\n[type=checkbox][aria-invalid=true],\n[type=checkbox]:checked[aria-invalid=true],\n[type=radio][aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=checkbox][role=switch][aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true] {\n --border-color: var(--form-element-invalid-border-color);\n}\n\n/**\n * Form elements\n * Alternatives input types (Not Checkboxes & Radios)\n */\n[type=color]::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n[type=color]::-moz-focus-inner {\n padding: 0;\n}\n[type=color]::-webkit-color-swatch {\n border: none;\n border-radius: calc(var(--border-radius) * 0.5);\n}\n[type=color]::-moz-color-swatch {\n border: none;\n border-radius: calc(var(--border-radius) * 0.5);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {\n --icon-position: 0.75rem;\n --icon-width: 1rem;\n padding-right: calc(var(--icon-width) + var(--icon-position));\n background-image: var(--icon-date);\n background-position: center right var(--icon-position);\n background-size: var(--icon-width) auto;\n background-repeat: no-repeat;\n}\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {\n background-image: var(--icon-time);\n}\n\n[type=date]::-webkit-calendar-picker-indicator,\n[type=datetime-local]::-webkit-calendar-picker-indicator,\n[type=month]::-webkit-calendar-picker-indicator,\n[type=time]::-webkit-calendar-picker-indicator,\n[type=week]::-webkit-calendar-picker-indicator {\n width: var(--icon-width);\n margin-right: calc(var(--icon-width) * -1);\n margin-left: var(--icon-position);\n opacity: 0;\n}\n\n[dir=rtl] [type=date],\n[dir=rtl] [type=datetime-local],\n[dir=rtl] [type=month],\n[dir=rtl] [type=time],\n[dir=rtl] [type=week] {\n text-align: right;\n}\n\n[type=file] {\n --color: var(--muted-color);\n padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\n border: none;\n border-radius: 0;\n background: none;\n}\n[type=file]:hover, [type=file]:active, [type=file]:focus {\n border: none;\n background: none;\n}\n[type=file]::file-selector-button {\n --background-color: var(--secondary);\n --border-color: var(--secondary);\n --color: var(--secondary-inverse);\n margin-right: calc(var(--spacing) / 2);\n margin-left: 0;\n margin-inline-start: 0;\n margin-inline-end: calc(var(--spacing) / 2);\n padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius);\n outline: none;\n background-color: var(--background-color);\n box-shadow: var(--box-shadow);\n color: var(--color);\n font-weight: var(--font-weight);\n font-size: 1rem;\n line-height: var(--line-height);\n text-align: center;\n cursor: pointer;\n transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::file-selector-button:hover, [type=file]::file-selector-button:active, [type=file]::file-selector-button:focus {\n --background-color: var(--secondary-hover);\n --border-color: var(--secondary-hover);\n}\n[type=file]::-webkit-file-upload-button {\n --background-color: var(--secondary);\n --border-color: var(--secondary);\n --color: var(--secondary-inverse);\n margin-right: calc(var(--spacing) / 2);\n margin-left: 0;\n margin-inline-start: 0;\n margin-inline-end: calc(var(--spacing) / 2);\n padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius);\n outline: none;\n background-color: var(--background-color);\n box-shadow: var(--box-shadow);\n color: var(--color);\n font-weight: var(--font-weight);\n font-size: 1rem;\n line-height: var(--line-height);\n text-align: center;\n cursor: pointer;\n transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-webkit-file-upload-button:hover, [type=file]::-webkit-file-upload-button:active, [type=file]::-webkit-file-upload-button:focus {\n --background-color: var(--secondary-hover);\n --border-color: var(--secondary-hover);\n}\n[type=file]::-ms-browse {\n --background-color: var(--secondary);\n --border-color: var(--secondary);\n --color: var(--secondary-inverse);\n margin-right: calc(var(--spacing) / 2);\n margin-left: 0;\n margin-inline-start: 0;\n margin-inline-end: calc(var(--spacing) / 2);\n padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);\n border: var(--border-width) solid var(--border-color);\n border-radius: var(--border-radius);\n outline: none;\n background-color: var(--background-color);\n box-shadow: var(--box-shadow);\n color: var(--color);\n font-weight: var(--font-weight);\n font-size: 1rem;\n line-height: var(--line-height);\n text-align: center;\n cursor: pointer;\n transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);\n}\n[type=file]::-ms-browse:hover, [type=file]::-ms-browse:active, [type=file]::-ms-browse:focus {\n --background-color: var(--secondary-hover);\n --border-color: var(--secondary-hover);\n}\n\n[type=range] {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n width: 100%;\n height: 1.25rem;\n background: transparent;\n}\n[type=range]::-webkit-slider-runnable-track {\n width: 100%;\n height: 0.25rem;\n border-radius: var(--border-radius);\n background-color: var(--range-border-color);\n transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-moz-range-track {\n width: 100%;\n height: 0.25rem;\n border-radius: var(--border-radius);\n background-color: var(--range-border-color);\n transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-ms-track {\n width: 100%;\n height: 0.25rem;\n border-radius: var(--border-radius);\n background-color: var(--range-border-color);\n transition: background-color var(--transition), box-shadow var(--transition);\n}\n[type=range]::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 1.25rem;\n height: 1.25rem;\n margin-top: -0.5rem;\n border: 2px solid var(--range-thumb-border-color);\n border-radius: 50%;\n background-color: var(--range-thumb-color);\n cursor: pointer;\n transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-moz-range-thumb {\n -webkit-appearance: none;\n width: 1.25rem;\n height: 1.25rem;\n margin-top: -0.5rem;\n border: 2px solid var(--range-thumb-border-color);\n border-radius: 50%;\n background-color: var(--range-thumb-color);\n cursor: pointer;\n transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]::-ms-thumb {\n -webkit-appearance: none;\n width: 1.25rem;\n height: 1.25rem;\n margin-top: -0.5rem;\n border: 2px solid var(--range-thumb-border-color);\n border-radius: 50%;\n background-color: var(--range-thumb-color);\n cursor: pointer;\n transition: background-color var(--transition), transform var(--transition);\n}\n[type=range]:hover, [type=range]:focus {\n --range-border-color: var(--range-active-border-color);\n --range-thumb-color: var(--range-thumb-hover-color);\n}\n[type=range]:active {\n --range-thumb-color: var(--range-thumb-active-color);\n}\n[type=range]:active::-webkit-slider-thumb {\n transform: scale(1.25);\n}\n[type=range]:active::-moz-range-thumb {\n transform: scale(1.25);\n}\n[type=range]:active::-ms-thumb {\n transform: scale(1.25);\n}\n\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {\n padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\n border-radius: 5rem;\n background-image: var(--icon-search);\n background-position: center left 1.125rem;\n background-size: 1rem auto;\n background-repeat: no-repeat;\n}\n\n[type=search]::-webkit-search-cancel-button {\n -webkit-appearance: none;\n display: none;\n}\n\n/**\n * Table\n */\ntable {\n width: 100%;\n border-color: inherit;\n border-collapse: collapse;\n border-spacing: 0;\n text-indent: 0;\n}\n\nth,\ntd {\n padding: calc(var(--spacing) / 2) var(--spacing);\n border-bottom: var(--border-width) solid var(--table-border-color);\n color: var(--color);\n font-weight: var(--font-weight);\n font-size: var(--font-size);\n text-align: left;\n text-align: start;\n}\n\ntfoot th,\ntfoot td {\n border-top: var(--border-width) solid var(--table-border-color);\n border-bottom: 0;\n}\n\ntable[role=grid] tbody tr:nth-child(odd) {\n background-color: var(--table-row-stripped-background-color);\n}\n\n/**\n * Code\n */\npre,\ncode,\nkbd,\nsamp {\n font-size: 0.875em;\n font-family: var(--font-family);\n}\n\npre {\n -ms-overflow-style: scrollbar;\n overflow: auto;\n}\n\npre,\ncode,\nkbd {\n border-radius: var(--border-radius);\n background: var(--code-background-color);\n color: var(--code-color);\n font-weight: var(--font-weight);\n line-height: initial;\n}\n\ncode,\nkbd {\n display: inline-block;\n padding: 0.375rem 0.5rem;\n}\n\npre {\n display: block;\n margin-bottom: var(--spacing);\n overflow-x: auto;\n}\npre > code {\n display: block;\n padding: var(--spacing);\n background: transparent;\n font-size: 14px;\n line-height: var(--line-height);\n}\n\ncode b {\n color: var(--code-tag-color);\n font-weight: var(--font-weight);\n}\ncode i {\n color: var(--code-property-color);\n font-style: normal;\n}\ncode u {\n color: var(--code-value-color);\n text-decoration: none;\n}\ncode em {\n color: var(--code-comment-color);\n font-style: normal;\n}\n\nkbd {\n background-color: var(--code-kbd-background-color);\n color: var(--code-kbd-color);\n vertical-align: baseline;\n}\n\n/**\n * Miscs\n */\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n border: none;\n border-top: 1px solid var(--muted-border-color);\n}\n\n[hidden],\ntemplate {\n display: none !important;\n}\n\ncanvas {\n display: inline-block;\n}\n\n/**\n * Accordion (<details>)\n */\ndetails {\n display: block;\n margin-bottom: var(--spacing);\n padding-bottom: calc(var(--spacing) * 0.5);\n border-bottom: var(--border-width) solid var(--accordion-border-color);\n}\ndetails summary {\n color: var(--accordion-close-summary-color);\n line-height: 1rem;\n list-style-type: none;\n cursor: pointer;\n transition: color var(--transition);\n}\ndetails summary::-webkit-details-marker {\n display: none;\n}\ndetails summary::marker {\n display: none;\n}\ndetails summary::-moz-list-bullet {\n list-style-type: none;\n}\ndetails summary::after {\n display: block;\n width: 1rem;\n height: 1rem;\n float: right;\n transform: rotate(-90deg);\n background-image: var(--icon-chevron);\n background-position: center;\n background-size: 1rem auto;\n background-repeat: no-repeat;\n content: \"\";\n transition: transform var(--transition);\n}\ndetails summary:focus {\n outline: none;\n color: var(--accordion-active-summary-color);\n}\ndetails summary ~ * {\n margin-top: calc(var(--spacing) * 0.5);\n}\ndetails summary ~ * ~ * {\n margin-top: 0;\n}\ndetails[open] > summary {\n margin-bottom: calc(var(--spacing) * 0.25);\n}\ndetails[open] > summary:not(:focus) {\n color: var(--accordion-open-summary-color);\n}\ndetails[open] > summary::after {\n transform: rotate(0);\n}\n\n[dir=rtl] details summary::after {\n float: left;\n}\n\n/**\n * Card (<article>)\n */\narticle {\n margin: var(--block-spacing-vertical) 0;\n padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\n overflow: hidden;\n border-radius: var(--border-radius);\n background: var(--card-background-color);\n box-shadow: var(--card-box-shadow);\n}\narticle > header,\narticle > footer {\n margin-right: calc(var(--block-spacing-horizontal) * -1);\n margin-left: calc(var(--block-spacing-horizontal) * -1);\n padding: calc(var(--block-spacing-vertical) * 0.66) var(--block-spacing-horizontal);\n background-color: var(--card-sectionning-background-color);\n}\narticle > header {\n margin-top: calc(var(--block-spacing-vertical) * -1);\n margin-bottom: var(--block-spacing-vertical);\n border-bottom: var(--border-width) solid var(--card-border-color);\n}\narticle > footer {\n margin-top: var(--block-spacing-vertical);\n margin-bottom: calc(var(--block-spacing-vertical) * -1);\n border-top: var(--border-width) solid var(--card-border-color);\n}\n\n/**\n * Modal (<dialog>)\n */\n:root {\n --scrollbar-width: 0px;\n}\n\ndialog {\n display: flex;\n z-index: 999;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n align-items: center;\n justify-content: center;\n width: inherit;\n min-width: 100%;\n height: inherit;\n min-height: 100%;\n padding: var(--spacing);\n border: none;\n background-color: var(--modal-overlay-background-color);\n}\ndialog article {\n max-height: calc(100vh - var(--spacing) * 2);\n overflow: auto;\n}\n@media (min-width: 576px) {\n dialog article {\n max-width: 510px;\n }\n}\n@media (min-width: 768px) {\n dialog article {\n max-width: 700px;\n }\n}\ndialog article > header,\ndialog article > footer {\n padding: calc(var(--block-spacing-vertical) * 0.5) var(--block-spacing-horizontal);\n}\ndialog article > header .close {\n margin: 0;\n margin-left: var(--spacing);\n float: right;\n}\ndialog article > footer {\n text-align: right;\n}\ndialog article > footer [role=button] {\n margin-bottom: 0;\n}\ndialog article > footer [role=button]:not(:first-of-type) {\n margin-left: calc(var(--spacing) * 0.5);\n}\ndialog article p:last-of-type {\n margin: 0;\n}\ndialog:not([open]), dialog[open=false] {\n display: none;\n}\n\n/**\n * Nav\n */\nnav,\nnav ul {\n display: flex;\n}\n\nnav {\n justify-content: space-between;\n}\nnav ol,\nnav ul {\n align-items: center;\n margin-bottom: 0;\n padding: 0;\n list-style: none;\n}\nnav ol:first-of-type,\nnav ul:first-of-type {\n margin-left: calc(var(--spacing) * -0.5);\n}\nnav ol:last-of-type,\nnav ul:last-of-type {\n margin-right: calc(var(--spacing) * -0.5);\n}\nnav li {\n display: inline-block;\n margin: 0;\n padding: var(--spacing) calc(var(--spacing) * 0.5);\n}\nnav li > *,\nnav li > input:not([type=checkbox]):not([type=radio]) {\n margin-bottom: 0;\n}\nnav a {\n display: block;\n margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\n padding: var(--spacing) calc(var(--spacing) * 0.5);\n border-radius: var(--border-radius);\n text-decoration: none;\n}\nnav a:hover, nav a:active, nav a:focus {\n text-decoration: none;\n}\nnav[aria-label=breadcrumb] {\n align-items: center;\n justify-content: left;\n}\nnav[aria-label=breadcrumb] ul li {\n padding-inline-start: 0;\n}\nnav[aria-label=breadcrumb] ul li:not(:last-child) a::after {\n padding-inline-start: 0.5rem;\n content: \"/\";\n color: var(--muted-color);\n}\nnav[aria-label=breadcrumb] a[aria-current=page] {\n color: inherit;\n}\n\naside nav,\naside ol,\naside ul,\naside li {\n display: block;\n}\naside li {\n padding: calc(var(--spacing) * 0.5);\n}\naside li a {\n margin: calc(var(--spacing) * -0.5);\n padding: calc(var(--spacing) * 0.5);\n}\n\n/**\n * Progress\n */\nprogress {\n display: inline-block;\n vertical-align: baseline;\n}\n\nprogress {\n -webkit-appearance: none;\n -moz-appearance: none;\n display: inline-block;\n appearance: none;\n width: 100%;\n height: 0.5rem;\n margin-bottom: calc(var(--spacing) * 0.5);\n overflow: hidden;\n border: 0;\n border-radius: var(--border-radius);\n background-color: var(--progress-background-color);\n color: var(--progress-color);\n}\nprogress::-webkit-progress-bar {\n border-radius: var(--border-radius);\n background: transparent;\n}\nprogress[value]::-webkit-progress-value {\n background-color: var(--progress-color);\n}\nprogress::-moz-progress-bar {\n background-color: var(--progress-color);\n}\n@media (prefers-reduced-motion: no-preference) {\n progress:indeterminate {\n background: var(--progress-background-color) linear-gradient(to right, var(--progress-color) 30%, var(--progress-background-color) 30%) top left/150% 150% no-repeat;\n animation: progressIndeterminate 1s linear infinite;\n }\n progress:indeterminate[value]::-webkit-progress-value {\n background-color: transparent;\n }\n progress:indeterminate::-moz-progress-bar {\n background-color: transparent;\n }\n}\n\n@keyframes progressIndeterminate {\n 0% {\n background-position: 200% 0;\n }\n 100% {\n background-position: -200% 0;\n }\n}\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true] {\n cursor: progress;\n}\n\n[aria-busy=true]:not(input):not(select):not(textarea)::before {\n display: inline-block;\n width: 1em;\n height: 1em;\n border: 0.1875em solid currentColor;\n border-radius: 1em;\n border-right-color: transparent;\n content: \"\";\n vertical-align: text-bottom;\n vertical-align: -0.125em;\n animation: spinner 0.75s linear infinite;\n opacity: var(--loading-spinner-opacity);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):not(:empty)::before {\n margin-right: calc(var(--spacing) * 0.5);\n margin-left: 0;\n margin-inline-start: 0;\n margin-inline-end: calc(var(--spacing) * 0.5);\n}\n[aria-busy=true]:not(input):not(select):not(textarea):empty {\n text-align: center;\n}\n\nbutton[aria-busy=true],\ninput[type=submit][aria-busy=true],\ninput[type=button][aria-busy=true],\ninput[type=reset][aria-busy=true],\na[aria-busy=true] {\n pointer-events: none;\n}\n\n@keyframes spinner {\n to {\n transform: rotate(360deg);\n }\n}\n/**\n * Tooltip ([data-tooltip])\n */\n[data-tooltip] {\n position: relative;\n}\n[data-tooltip]:not(a):not(button):not(input) {\n border-bottom: 1px dotted;\n text-decoration: none;\n cursor: help;\n}\n[data-tooltip]::before, [data-tooltip]::after {\n display: block;\n z-index: 99;\n position: absolute;\n bottom: 100%;\n left: 50%;\n padding: 0.25rem 0.5rem;\n overflow: hidden;\n transform: translate(-50%, -0.25rem);\n border-radius: var(--border-radius);\n background: var(--tooltip-background-color);\n content: attr(data-tooltip);\n color: var(--tooltip-color);\n font-style: normal;\n font-weight: var(--font-weight);\n font-size: 0.875rem;\n text-decoration: none;\n text-overflow: ellipsis;\n white-space: nowrap;\n opacity: 0;\n pointer-events: none;\n}\n[data-tooltip]::after {\n padding: 0;\n transform: translate(-50%, 0rem);\n border-top: 0.3rem solid;\n border-right: 0.3rem solid transparent;\n border-left: 0.3rem solid transparent;\n border-radius: 0;\n background-color: transparent;\n content: \"\";\n color: var(--tooltip-background-color);\n}\n[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n opacity: 1;\n}\n@media (hover: hover) and (pointer: fine) {\n [data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n animation-duration: 0.2s;\n animation-name: slide;\n }\n [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n animation-name: slideCaret;\n }\n}\n\n@keyframes slide {\n from {\n transform: translate(-50%, 0.75rem);\n opacity: 0;\n }\n to {\n transform: translate(-50%, -0.25rem);\n opacity: 1;\n }\n}\n@keyframes slideCaret {\n from {\n opacity: 0;\n }\n 50% {\n transform: translate(-50%, -0.25rem);\n opacity: 0;\n }\n to {\n transform: translate(-50%, 0rem);\n opacity: 1;\n }\n}\n/**\n * Accessibility & User interaction\n */\n[aria-controls] {\n cursor: pointer;\n}\n\n[aria-disabled=true],\n[disabled] {\n cursor: not-allowed;\n}\n\n[aria-hidden=false][hidden] {\n display: initial;\n}\n\n[aria-hidden=false][hidden]:not(:focus) {\n clip: rect(0, 0, 0, 0);\n position: absolute;\n}\n\na,\narea,\nbutton,\ninput,\nlabel,\nselect,\nsummary,\ntextarea,\n[tabindex] {\n -ms-touch-action: manipulation;\n}\n\n[dir=rtl] {\n direction: rtl;\n}\n\n/**\n * Reduce Motion Features\n */\n@media (prefers-reduced-motion: reduce) {\n *:not([aria-busy=true]),\n:not([aria-busy=true])::before,\n:not([aria-busy=true])::after {\n background-attachment: initial !important;\n animation-duration: 1ms !important;\n animation-delay: -1ms !important;\n animation-iteration-count: 1 !important;\n scroll-behavior: auto !important;\n transition-delay: 0s !important;\n transition-duration: 0s !important;\n }\n}\n\n/*# sourceMappingURL=pico.fluid.classless.css.map */\n","// Default: Light theme\r\n[data-theme=\"light\"],\r\n:root:not([data-theme=\"dark\"]) {\r\n --background-color: #{$white};\r\n\r\n // Texts colors\r\n --color: #{$grey-700};\r\n --h1-color: #{$grey-900};\r\n --h2-color: #{mix($grey-900, $grey-800)};\r\n --h3-color: #{$grey-800};\r\n --h4-color: #{mix($grey-800, $grey-700)};\r\n --h5-color: #{$grey-700};\r\n --h6-color: #{mix($grey-700, $grey-600)};\r\n\r\n // Muted colors\r\n --muted-color: #{$grey-500};\r\n --muted-border-color: #{$grey-50};\r\n\r\n // Primary colors\r\n --primary: #{$primary-600};\r\n --primary-hover: #{$primary-700};\r\n --primary-focus: #{rgba($primary-600, 0.125)};\r\n --primary-inverse: #{$white};\r\n\r\n // Secondary colors\r\n --secondary: #{$grey-600};\r\n --secondary-hover: #{$grey-700};\r\n --secondary-focus: #{rgba($grey-600, 0.125)};\r\n --secondary-inverse: #{$white};\r\n\r\n // Contrast colors\r\n --contrast: #{$grey-900};\r\n --contrast-hover: #{$black};\r\n --contrast-focus: #{rgba($grey-600, 0.125)};\r\n --contrast-inverse: #{$white};\r\n\r\n // Highlighted text (<mark>)\r\n --mark-background-color: #{mix($amber-100, $amber-50)};\r\n --mark-color: #{mix($grey-900, $amber-900, 75%)};\r\n\r\n // Inserted (<ins>) & Deleted (<ins>)\r\n --ins-color: #{$green-700};\r\n --del-color: #{$red-800};\r\n\r\n // Blockquote\r\n --blockquote-border-color: var(--muted-border-color);\r\n --blockquote-footer-color: var(--muted-color);\r\n\r\n // Button\r\n // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n // Don't use, 'none, 'false, 'null', '0', etc.\r\n --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n // Form elements\r\n --form-element-background-color: transparent;\r\n --form-element-border-color: #{$grey-300};\r\n --form-element-color: var(--color);\r\n --form-element-placeholder-color: var(--muted-color);\r\n --form-element-active-background-color: transparent;\r\n --form-element-active-border-color: var(--primary);\r\n --form-element-focus-color: var(--primary-focus);\r\n --form-element-disabled-background-color: #{$grey-100};\r\n --form-element-disabled-border-color: #{$grey-300};\r\n --form-element-disabled-opacity: 0.5;\r\n --form-element-invalid-border-color: #{$red-800};\r\n --form-element-invalid-active-border-color: #{$red-700};\r\n --form-element-invalid-focus-color: #{rgba($red-700, 0.125)};\r\n --form-element-valid-border-color: #{$green-700};\r\n --form-element-valid-active-border-color: #{$green-600};\r\n --form-element-valid-focus-color: #{rgba($green-600, 0.125)};\r\n\r\n // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n --switch-background-color: #{$grey-200};\r\n --switch-color: var(--primary-inverse);\r\n --switch-checked-background-color: var(--primary);\r\n\r\n // Range (input[type=\"range\"])\r\n --range-border-color: #{$grey-100};\r\n --range-active-border-color: #{$grey-200};\r\n --range-thumb-border-color: var(--background-color);\r\n --range-thumb-color: var(--secondary);\r\n --range-thumb-hover-color: var(--secondary-hover);\r\n --range-thumb-active-color: var(--primary);\r\n\r\n // Table\r\n --table-border-color: var(--muted-border-color);\r\n --table-row-stripped-background-color: #{mix($grey-50, $white)};\r\n\r\n // Code\r\n --code-background-color: #{$grey-50};\r\n --code-color: var(--muted-color);\r\n --code-kbd-background-color: var(--contrast);\r\n --code-kbd-color: var(--contrast-inverse);\r\n --code-tag-color: #{hsl(330, 40%, 50%)};\r\n --code-property-color: #{hsl(185, 40%, 40%)};\r\n --code-value-color: #{hsl(40, 20%, 50%)};\r\n --code-comment-color: #{$grey-300};\r\n\r\n // Accordion (<details>)\r\n --accordion-border-color: var(--muted-border-color);\r\n --accordion-close-summary-color: var(--color);\r\n --accordion-open-summary-color: var(--muted-color);\r\n\r\n // Card (<article>)\r\n --card-background-color: var(--background-color);\r\n --card-border-color: var(--muted-border-color);\r\n --card-box-shadow: 0 0.125rem 1rem #{rgba($grey-900, 0.04)},\r\n 0 0.125rem 2rem #{rgba($grey-900, 0.08)},\r\n 0 0 0 0.0625rem #{rgba($grey-900, 0.024)};\r\n --card-sectionning-background-color: #{mix($grey-50, $white, 25%)};\r\n\r\n // Modal (<dialog>)\r\n --modal-overlay-background-color: #{rgba($grey-100, 0.8)};\r\n\r\n // Progress\r\n --progress-background-color: #{$grey-100};\r\n --progress-color: var(--primary);\r\n\r\n // Loading ([aria-busy=true])\r\n --loading-spinner-opacity: 0.5;\r\n\r\n // Tooltip ([data-tooltip])\r\n --tooltip-background-color: var(--contrast);\r\n --tooltip-color: var(--contrast-inverse);\r\n\r\n // Icons\r\n --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-800, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-700, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\"); \r\n --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-700, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n // Document\r\n color-scheme: light;\r\n}\r\n","// Default: Dark theme\r\n@mixin dark {\r\n --background-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n // Texts colors\r\n --color: #{$grey-200};\r\n --h1-color: #{$grey-50};\r\n --h2-color: #{mix($grey-100, $grey-50)};\r\n --h3-color: #{$grey-100};\r\n --h4-color: #{mix($grey-200, $grey-100)};\r\n --h5-color: #{$grey-200};\r\n --h6-color: #{mix($grey-300, $grey-200)};\r\n\r\n // Muted colors\r\n --muted-color: #{$grey-500};\r\n --muted-border-color: #{mix($grey-900, $grey-800, 75%)};\r\n\r\n // Primary colors\r\n --primary: #{$primary-600};\r\n --primary-hover: #{$primary-500};\r\n --primary-focus: #{rgba($primary-600, 0.25)};\r\n --primary-inverse: #{$white};\r\n\r\n // Secondary colors\r\n --secondary: #{$grey-600};\r\n --secondary-hover: #{$grey-500};\r\n --secondary-focus: #{rgba($grey-500, 0.25)};\r\n --secondary-inverse: #{$white};\r\n\r\n // Contrast colors\r\n --contrast: #{$grey-50};\r\n --contrast-hover: #{$white};\r\n --contrast-focus: #{rgba($grey-500, 0.25)};\r\n --contrast-inverse: #{$black};\r\n\r\n // Highlighted text (<mark>)\r\n --mark-background-color: #{mix($grey-300, $amber-300)};\r\n --mark-color: #{mix($black, $grey-900, 37.5%)};\r\n\r\n // Inserted (<ins>) & Deleted (<ins>)\r\n --ins-color: #{$green-700};\r\n --del-color: #{$red-800};\r\n\r\n // Blockquote\r\n --blockquote-border-color: var(--muted-border-color);\r\n --blockquote-footer-color: var(--muted-color);\r\n\r\n // Button\r\n // To disable box-shadow, remove the var or set to '0 0 0 rgba(0, 0, 0, 0)'\r\n // Don't use, 'none, 'false, 'null', '0', etc.\r\n --button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n --button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\r\n\r\n // Form elements\r\n --form-element-background-color: #{mix($black, $grey-900, 37.5%)};\r\n --form-element-border-color: #{mix($grey-800, $grey-700)};\r\n --form-element-color: var(--color);\r\n --form-element-placeholder-color: var(--muted-color);\r\n --form-element-active-background-color: var(--form-element-background-color);\r\n --form-element-active-border-color: var(--primary);\r\n --form-element-focus-color: var(--primary-focus);\r\n --form-element-disabled-background-color: #{$grey-800};\r\n --form-element-disabled-border-color: #{$grey-700};\r\n --form-element-disabled-opacity: 0.5;\r\n --form-element-invalid-border-color: #{$red-900};\r\n --form-element-invalid-active-border-color: #{$red-800};\r\n --form-element-invalid-focus-color: #{rgba($red-800, 0.25)};\r\n --form-element-valid-border-color: #{$green-800};\r\n --form-element-valid-active-border-color: #{$green-700};\r\n --form-element-valid-focus-color: #{rgba($green-700, 0.25)};\r\n\r\n // Switch (input[type=\"checkbox\"][role=\"switch\"])\r\n --switch-background-color: #{mix($grey-800, $grey-700)};\r\n --switch-color: var(--primary-inverse);\r\n --switch-checked-background-color: var(--primary);\r\n\r\n // Range (input[type=\"range\"])\r\n --range-border-color: #{mix($grey-900, $grey-800)};\r\n --range-active-border-color: #{$grey-800};\r\n --range-thumb-border-color: var(--background-color);\r\n --range-thumb-color: var(--secondary);\r\n --range-thumb-hover-color: var(--secondary-hover);\r\n --range-thumb-active-color: var(--primary);\r\n\r\n // Table\r\n --table-border-color: var(--muted-border-color);\r\n --table-row-stripped-background-color: #{rgba($grey-500, 0.05)};\r\n\r\n // Code\r\n --code-background-color: #{mix($black, $grey-900, 12.5%)};\r\n --code-color: var(--muted-color);\r\n --code-kbd-background-color: var(--contrast);\r\n --code-kbd-color: var(--contrast-inverse);\r\n --code-tag-color: #{hsl(330, 30%, 50%)};\r\n --code-property-color: #{hsl(185, 30%, 50%)};\r\n --code-value-color: #{hsl(40, 10%, 50%)};\r\n --code-comment-color: #{mix($grey-700, $grey-600)};\r\n\r\n // Accordion (<details>)\r\n --accordion-border-color: var(--muted-border-color);\r\n --accordion-active-summary-color: var(--primary);\r\n --accordion-close-summary-color: var(--color);\r\n --accordion-open-summary-color: var(--muted-color);\r\n\r\n // Card (<article>)\r\n --card-background-color: #{mix($black, $grey-900, 25%)};\r\n --card-border-color: #{mix($black, $grey-900, 37.5%)};\r\n --card-box-shadow: 0 0.125rem 1rem #{rgba($black, 0.06)},\r\n 0 0.125rem 2rem #{rgba($black, 0.12)},\r\n 0 0 0 0.0625rem #{rgba($black, 0.036)};\r\n --card-sectionning-background-color: #{mix($black, $grey-900, 12.5%)};\r\n\r\n // Modal (<dialog>)\r\n --modal-overlay-background-color: #{rgba(mix($grey-900, $grey-800), 0.9)};\r\n\r\n // Progress\r\n --progress-background-color: #{mix($grey-900, $grey-800)};\r\n --progress-color: var(--primary);\r\n\r\n // Loading ([aria-busy=true])\r\n --loading-spinner-opacity: 0.5;\r\n\r\n // Tooltip ([data-tooltip])\r\n --tooltip-background-color: var(--contrast);\r\n --tooltip-color: var(--contrast-inverse);\r\n\r\n // Icons\r\n --icon-checkbox: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-chevron: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-close: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-500, .999)}' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-date: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-invalid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($red-900, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-minus: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-search: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E\");\r\n --icon-time: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($grey-300, .999)}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E\");\r\n --icon-valid: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='#{rgba($green-800, .999)}' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\r\n // Document\r\n color-scheme: dark;\r\n}\r\n","/**\r\n * Document\r\n * Content-box & Responsive typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box; // 1\r\n}\r\n\r\n// 1. Add text decoration inheritance in all browsers (opinionated)\r\n// 2. Add vertical alignment inheritance in all browsers (opinionated)\r\n::before,\r\n::after {\r\n text-decoration: inherit; // 1\r\n vertical-align: inherit; // 2\r\n}\r\n\r\n// 1. Correct the line height in all browsers\r\n// 2. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\n// 3. Change the default tap highlight to be completely transparent in iOS\r\n// 4. Use the default cursor in all browsers (opinionated)\r\n// 5. Use a 4-space tab width in all browsers (opinionated)\r\n// 6. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS\r\nhtml {\r\n -webkit-text-size-adjust: 100%; // 2\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 3\r\n -ms-text-size-adjust: 100%; // 6\r\n text-rendering: optimizeLegibility;\r\n background-color: var(--background-color);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n font-size: var(--font-size);\r\n line-height: var(--line-height); // 1\r\n font-family: var(--font-family);\r\n cursor: default; // 4\r\n tab-size: 4; // 5\r\n}\r\n","/**\r\n * Sectioning\r\n * Container and responsive spacings for header, main, footer\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Render the `main` element consistently in IE\r\nmain {\r\n display: block;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbody {\r\n width: 100%;\r\n margin: 0;\r\n\r\n > header,\r\n > main,\r\n > footer {\r\n width: 100%;\r\n margin-right: auto;\r\n margin-left: auto;\r\n\r\n // Semantic container\r\n @if $enable-semantic-container {\r\n padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n\r\n // Centered viewport\r\n @if $enable-viewport {\r\n @if map-get($breakpoints, \"sm\") and $enable-viewport {\r\n @media (min-width: map-get($breakpoints, \"sm\")) {\r\n max-width: map-get($viewports, \"sm\");\r\n padding-right: 0;\r\n padding-left: 0;\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"md\") and $enable-viewport {\r\n @media (min-width: map-get($breakpoints, \"md\")) {\r\n max-width: map-get($viewports, \"md\");\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"lg\") and $enable-viewport {\r\n @media (min-width: map-get($breakpoints, \"lg\")) {\r\n max-width: map-get($viewports, \"lg\");\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, \"xl\") and $enable-viewport {\r\n @media (min-width: map-get($breakpoints, \"xl\")) {\r\n max-width: map-get($viewports, \"xl\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Semantic container\r\n @else {\r\n padding: var(--block-spacing-vertical) 0;\r\n }\r\n }\r\n}\r\n","/**\r\n * Section\r\n * Responsive spacings for section\r\n */\r\n\r\nsection {\r\n margin-bottom: var(--block-spacing-vertical);\r\n}\r\n","/**\r\n * Horizontal scroller (<figure>)\r\n */\r\n\r\n// Wrapper to make any content responsive across all viewports\r\nfigure {\r\n display: block;\r\n margin: 0;\r\n padding: 0;\r\n overflow-x: auto;\r\n\r\n figcaption {\r\n padding: calc(var(--spacing) * 0.5) 0;\r\n color: var(--muted-color);\r\n }\r\n}\r\n","/**\r\n * Typography\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Add the correct font weight in Chrome, Edge, and Safari\r\nb,\r\nstrong {\r\n font-weight: bolder;\r\n}\r\n\r\n// Prevent `sub` and `sup` elements from affecting the line height in all browsers\r\nsub,\r\nsup {\r\n position: relative;\r\n font-size: 0.75em;\r\n line-height: 0;\r\n vertical-align: baseline;\r\n}\r\nsub {\r\n bottom: -0.25em;\r\n}\r\nsup {\r\n top: -0.5em;\r\n}\r\n\r\n// Remove the margin on nested lists in Chrome, Edge, IE, and Safari\r\ndl dl,\r\ndl ol,\r\ndl ul,\r\nol dl,\r\nul dl {\r\n margin: 0;\r\n}\r\n\r\n// Remove the margin on nested lists in Edge 18- and IE\r\nol ol,\r\nol ul,\r\nul ol,\r\nul ul {\r\n margin: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n margin-top: 0;\r\n margin-bottom: var(--typography-spacing-vertical);\r\n color: var(--color);\r\n font-style: normal;\r\n font-weight: var(--font-weight);\r\n font-size: var(--font-size);\r\n}\r\n\r\n// Links\r\n// 1. Remove the gray background on active links in IE 10\r\na {\r\n --color: var(--primary);\r\n --background-color: transparent;\r\n outline: none;\r\n background-color: var(--background-color); // 1\r\n color: var(--color);\r\n text-decoration: var(--text-decoration);\r\n\r\n @if $enable-transitions {\r\n transition: background-color var(--transition), color var(--transition),\r\n text-decoration var(--transition), box-shadow var(--transition);\r\n }\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --color: var(--primary-hover);\r\n --text-decoration: underline;\r\n }\r\n\r\n &:focus {\r\n --background-color: var(--primary-focus);\r\n }\r\n\r\n @if $enable-classes {\r\n // Secondary\r\n &.secondary {\r\n --color: var(--secondary);\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --color: var(--secondary-hover);\r\n }\r\n\r\n &:focus {\r\n --background-color: var(--secondary-focus);\r\n }\r\n }\r\n\r\n // Contrast\r\n &.contrast {\r\n --color: var(--contrast);\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --color: var(--contrast-hover);\r\n }\r\n\r\n &:focus {\r\n --background-color: var(--contrast-focus);\r\n }\r\n }\r\n }\r\n}\r\n\r\n// Headings\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n margin-top: 0;\r\n margin-bottom: var(--typography-spacing-vertical);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n font-size: var(--font-size);\r\n font-family: var(--font-family);\r\n}\r\n\r\nh1 {\r\n --color: var(--h1-color);\r\n}\r\nh2 {\r\n --color: var(--h2-color);\r\n}\r\nh3 {\r\n --color: var(--h3-color);\r\n}\r\nh4 {\r\n --color: var(--h4-color);\r\n}\r\nh5 {\r\n --color: var(--h5-color);\r\n}\r\nh6 {\r\n --color: var(--h6-color);\r\n}\r\n\r\n// Margin-top for headings after a typography block\r\naddress,\r\nblockquote,\r\ndl,\r\nfigure,\r\nform,\r\nol,\r\np,\r\npre,\r\ntable,\r\nul {\r\n & ~ h1,\r\n & ~ h2,\r\n & ~ h3,\r\n & ~ h4,\r\n & ~ h5,\r\n & ~ h6 {\r\n margin-top: var(--typography-spacing-vertical);\r\n }\r\n}\r\n\r\n// Heading group\r\n@if $enable-classes == false {\r\n hgroup {\r\n margin-bottom: var(--typography-spacing-vertical);\r\n\r\n > * {\r\n margin-bottom: 0;\r\n }\r\n\r\n > *:last-child {\r\n --color: var(--muted-color);\r\n --font-weight: unset;\r\n font-size: 1rem;\r\n font-family: unset;\r\n }\r\n }\r\n}\r\n\r\n@if $enable-classes {\r\n hgroup,\r\n .headings {\r\n margin-bottom: var(--typography-spacing-vertical);\r\n\r\n > * {\r\n margin-bottom: 0;\r\n }\r\n\r\n > *:last-child {\r\n --color: var(--muted-color);\r\n --font-weight: unset;\r\n font-size: 1rem;\r\n font-family: unset;\r\n }\r\n }\r\n}\r\n\r\n// Paragraphs\r\np {\r\n margin-bottom: var(--typography-spacing-vertical);\r\n}\r\n\r\n// Small\r\nsmall {\r\n font-size: var(--font-size);\r\n}\r\n\r\n// Lists\r\nul,\r\nol {\r\n padding-right: 0;\r\n padding-left: var(--spacing);\r\n padding-inline-start: var(--spacing);\r\n padding-inline-end: 0;\r\n\r\n li {\r\n margin-bottom: calc(var(--typography-spacing-vertical) * 0.25);\r\n }\r\n}\r\n\r\nul li {\r\n list-style: square;\r\n}\r\n\r\n// Highlighted text\r\nmark {\r\n padding: 0.125rem 0.25rem;\r\n background-color: var(--mark-background-color);\r\n color: var(--mark-color);\r\n vertical-align: baseline;\r\n}\r\n\r\n// Blockquote\r\nblockquote {\r\n display: block;\r\n margin: var(--typography-spacing-vertical) 0;\r\n padding: var(--spacing);\r\n border-right: none;\r\n border-left: 0.25rem solid var(--blockquote-border-color);\r\n border-inline-start: 0.25rem solid var(--blockquote-border-color);\r\n border-inline-end: none;\r\n\r\n footer {\r\n margin-top: calc(var(--typography-spacing-vertical) * 0.5);\r\n color: var(--blockquote-footer-color);\r\n }\r\n}\r\n\r\n// Abbreviations\r\n// 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\r\nabbr[title] {\r\n border-bottom: 1px dotted;\r\n text-decoration: none; // 1\r\n cursor: help;\r\n}\r\n\r\n// Ins\r\nins {\r\n color: var(--ins-color);\r\n text-decoration: none;\r\n}\r\n\r\n// del\r\ndel {\r\n color: var(--del-color);\r\n}\r\n\r\n// selection\r\n::selection {\r\n background-color: var(--primary-focus);\r\n}\r\n","/**\r\n * Embedded content\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Change the alignment on media elements in all browsers (opinionated)\r\naudio,\r\ncanvas,\r\niframe,\r\nimg,\r\nsvg,\r\nvideo {\r\n vertical-align: middle;\r\n}\r\n\r\n// Add the correct display in IE 9-\r\naudio,\r\nvideo {\r\n display: inline-block;\r\n}\r\n\r\n// Add the correct display in iOS 4-7\r\naudio:not([controls]) {\r\n display: none;\r\n height: 0;\r\n}\r\n\r\n// Remove the border on iframes in all browsers (opinionated)\r\niframe {\r\n border-style: none;\r\n}\r\n\r\n// 1. Remove the border on images inside links in IE 10.\r\n// 2. Responsive by default\r\nimg {\r\n max-width: 100%; // 2\r\n height: auto; // 2\r\n border-style: none; // 1\r\n}\r\n\r\n// Change the fill color to match the text color in all browsers (opinionated)\r\nsvg:not([fill]) {\r\n fill: currentColor;\r\n}\r\n\r\n// Hide the overflow in IE\r\nsvg:not(:root) {\r\n overflow: hidden;\r\n}\r\n","/**\r\n * Button\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\n// 3. Show the overflow in Edge\r\nbutton {\r\n margin: 0; // 2\r\n overflow: visible; // 3\r\n font-family: inherit; // 1\r\n text-transform: none; // 1\r\n}\r\n\r\n// Correct the inability to style clickable types in iOS and Safari\r\nbutton,\r\n[type=\"button\"],\r\n[type=\"reset\"],\r\n[type=\"submit\"] {\r\n -webkit-appearance: button;\r\n}\r\n\r\n// Remove the inner border and padding in Firefox\r\nbutton::-moz-focus-inner,\r\n[type=\"button\"]::-moz-focus-inner,\r\n[type=\"reset\"]::-moz-focus-inner,\r\n[type=\"submit\"]::-moz-focus-inner {\r\n padding: 0;\r\n border-style: none;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nbutton {\r\n display: block;\r\n width: 100%;\r\n margin-bottom: var(--spacing);\r\n}\r\n\r\n[role=\"button\"] {\r\n display: inline-block;\r\n text-decoration: none;\r\n}\r\n\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\n[role=\"button\"] {\r\n --background-color: var(--primary);\r\n --border-color: var(--primary);\r\n --color: var(--primary-inverse);\r\n --box-shadow: var(--button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n padding: var(--form-element-spacing-vertical)\r\n var(--form-element-spacing-horizontal);\r\n border: var(--border-width) solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n outline: none;\r\n background-color: var(--background-color);\r\n box-shadow: var(--box-shadow);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n font-size: 1rem;\r\n line-height: var(--line-height);\r\n text-align: center;\r\n cursor: pointer;\r\n\r\n @if $enable-transitions {\r\n transition: background-color var(--transition),\r\n border-color var(--transition), color var(--transition),\r\n box-shadow var(--transition);\r\n }\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --background-color: var(--primary-hover);\r\n --border-color: var(--primary-hover);\r\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\r\n --color: var(--primary-inverse);\r\n }\r\n\r\n &:focus {\r\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n 0 0 0 var(--outline-width) var(--primary-focus);\r\n }\r\n}\r\n\r\n// .secondary, .contrast & .outline\r\n@if $enable-classes {\r\n\r\n // Secondary\r\n button.secondary,\r\n input[type=\"submit\"].secondary,\r\n input[type=\"button\"].secondary,\r\n input[type=\"reset\"],\r\n [role=\"button\"].secondary {\r\n --background-color: var(--secondary);\r\n --border-color: var(--secondary);\r\n --color: var(--secondary-inverse);\r\n cursor: pointer;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --background-color: var(--secondary-hover);\r\n --border-color: var(--secondary-hover);\r\n --color: var(--secondary-inverse);\r\n }\r\n\r\n &:focus {\r\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n 0 0 0 var(--outline-width) var(--secondary-focus);\r\n }\r\n }\r\n\r\n // Contrast\r\n button.contrast,\r\n input[type=\"submit\"].contrast,\r\n input[type=\"button\"].contrast,\r\n input[type=\"reset\"].contrast,\r\n [role=\"button\"].contrast {\r\n --background-color: var(--contrast);\r\n --border-color: var(--contrast);\r\n --color: var(--contrast-inverse);\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --background-color: var(--contrast-hover);\r\n --border-color: var(--contrast-hover);\r\n --color: var(--contrast-inverse);\r\n }\r\n\r\n &:focus {\r\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n 0 0 0 var(--outline-width) var(--contrast-focus);\r\n }\r\n }\r\n\r\n // Outline (primary)\r\n button.outline,\r\n input[type=\"submit\"].outline,\r\n input[type=\"button\"].outline,\r\n input[type=\"reset\"].outline,\r\n [role=\"button\"].outline {\r\n --background-color: transparent;\r\n --color: var(--primary);\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --background-color: transparent;\r\n --color: var(--primary-hover);\r\n }\r\n }\r\n\r\n // Outline (secondary)\r\n button.outline.secondary,\r\n input[type=\"submit\"].outline.secondary,\r\n input[type=\"button\"].outline.secondary,\r\n input[type=\"reset\"].outline.secondary,\r\n [role=\"button\"].outline.secondary {\r\n --color: var(--secondary);\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --color: var(--secondary-hover);\r\n }\r\n }\r\n\r\n // Outline (contrast)\r\n button.outline.contrast,\r\n input[type=\"submit\"].outline.contrast,\r\n input[type=\"button\"].outline.contrast,\r\n input[type=\"reset\"].outline.contrast,\r\n [role=\"button\"].outline.contrast {\r\n --color: var(--contrast);\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --color: var(--contrast-hover);\r\n }\r\n }\r\n}\r\n\r\n@else {\r\n // Secondary button without .class\r\n input[type=\"reset\"] {\r\n --background-color: var(--secondary);\r\n --border-color: var(--secondary);\r\n --color: var(--secondary-inverse);\r\n cursor: pointer;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --background-color: var(--secondary-hover);\r\n --border-color: var(--secondary-hover);\r\n }\r\n\r\n &:focus {\r\n --box-shadow: var(--button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\r\n 0 0 0 var(--outline-width) var(--secondary-focus);\r\n }\r\n }\r\n}\r\n\r\n// Button [disabled]\r\n// 1. Links without href are disabled by default\r\nbutton[disabled],\r\ninput[type=\"submit\"][disabled],\r\ninput[type=\"button\"][disabled],\r\ninput[type=\"reset\"][disabled],\r\na[role=\"button\"]:not([href]), // 1\r\n[role=\"button\"][disabled] {\r\n opacity: 0.5;\r\n pointer-events: none;\r\n}","/**\r\n * Form elements\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Change the font styles in all browsers\r\n// 2. Remove the margin in Firefox and Safari\r\ninput,\r\noptgroup,\r\nselect,\r\ntextarea {\r\n margin: 0; // 2\r\n font-size: 1rem; // 1\r\n line-height: var(--line-height); // 1\r\n font-family: inherit; // 1\r\n letter-spacing: inherit; // 2\r\n}\r\n\r\n// Show the overflow in IE.\r\ninput {\r\n overflow: visible;\r\n}\r\n\r\n// Remove the inheritance of text transform in Edge, Firefox, and IE\r\nselect {\r\n text-transform: none;\r\n}\r\n\r\n// 1. Correct the text wrapping in Edge and IE\r\n// 2. Correct the color inheritance from `fieldset` elements in IE\r\n// 3. Remove the padding so developers are not caught out when they zero out\r\n// `fieldset` elements in all browsers\r\nlegend {\r\n max-width: 100%; // 1\r\n padding: 0; // 3\r\n color: inherit; // 2\r\n white-space: normal; // 1\r\n}\r\n\r\n// 1. Remove the default vertical scrollbar in IE\r\ntextarea {\r\n overflow: auto; // 1\r\n}\r\n\r\n// Remove the padding in IE 10\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n padding: 0;\r\n}\r\n\r\n// Correct the cursor style of increment and decrement buttons in Safari\r\n::-webkit-inner-spin-button,\r\n::-webkit-outer-spin-button {\r\n height: auto;\r\n}\r\n\r\n// 1. Correct the odd appearance in Chrome and Safari\r\n// 2. Correct the outline style in Safari\r\n[type=\"search\"] {\r\n -webkit-appearance: textfield; // 1\r\n outline-offset: -2px; // 2\r\n}\r\n\r\n// Remove the inner padding in Chrome and Safari on macOS\r\n[type=\"search\"]::-webkit-search-decoration {\r\n -webkit-appearance: none;\r\n}\r\n\r\n// 1. Correct the inability to style clickable types in iOS and Safari\r\n// 2. Change font properties to `inherit` in Safari\r\n::-webkit-file-upload-button {\r\n -webkit-appearance: button; // 1\r\n font: inherit; // 2\r\n}\r\n\r\n// Remove the inner border and padding of focus outlines in Firefox\r\n::-moz-focus-inner {\r\n padding: 0;\r\n border-style: none;\r\n}\r\n\r\n// Remove the focus outline in Firefox\r\n:-moz-focusring {\r\n outline: none;\r\n}\r\n\r\n// Remove the additional :invalid styles in Firefox\r\n:-moz-ui-invalid {\r\n box-shadow: none;\r\n}\r\n\r\n// Change the inconsistent appearance in IE (opinionated)\r\n::-ms-expand {\r\n display: none;\r\n}\r\n\r\n// Remove the border and padding in all browsers (opinionated)\r\n[type=\"file\"],\r\n[type=\"range\"] {\r\n padding: 0;\r\n border-width: 0;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Force height for alternatives input types\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]) {\r\n height: calc(\r\n (1rem * var(--line-height)) + (var(--form-element-spacing-vertical) * 2) +\r\n (var(--border-width) * 2)\r\n );\r\n}\r\n\r\n// Fieldset\r\nfieldset {\r\n margin: 0;\r\n margin-bottom: var(--spacing);\r\n padding: 0;\r\n border: 0;\r\n}\r\n\r\n// Label & legend\r\nlabel,\r\nfieldset legend {\r\n display: block;\r\n margin-bottom: calc(var(--spacing) * 0.25);\r\n font-weight: var(--form-label-font-weight, var(--font-weight));\r\n}\r\n\r\n// Blocks, 100%\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n width: 100%;\r\n}\r\n\r\n// Reset appearance (Not Checkboxes, Radios, Range and File)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]):not([type=\"range\"]):not([type=\"file\"]),\r\nselect,\r\ntextarea {\r\n appearance: none;\r\n padding: var(--form-element-spacing-vertical)\r\n var(--form-element-spacing-horizontal);\r\n vertical-align: middle;\r\n}\r\n\r\n// Commons styles\r\ninput,\r\nselect,\r\ntextarea {\r\n --background-color: var(--form-element-background-color);\r\n --border-color: var(--form-element-border-color);\r\n --color: var(--form-element-color);\r\n --box-shadow: none;\r\n border: var(--border-width) solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n outline: none;\r\n background-color: var(--background-color);\r\n box-shadow: var(--box-shadow);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n\r\n @if $enable-transitions {\r\n transition: background-color var(--transition),\r\n border-color var(--transition), color var(--transition),\r\n box-shadow var(--transition);\r\n }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"checkbox\"]):not([type=\"radio\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n &:active,\r\n &:focus {\r\n --background-color: var(--form-element-active-background-color);\r\n }\r\n}\r\n\r\n// Active & Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([role=\"switch\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n &:active,\r\n &:focus {\r\n --border-color: var(--form-element-active-border-color);\r\n }\r\n}\r\n\r\n// Focus\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]):not([type=\"range\"]):not([type=\"file\"]):not([readonly]),\r\nselect,\r\ntextarea {\r\n &:focus {\r\n --box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);\r\n }\r\n}\r\n\r\n// Disabled\r\ninput:not([type=\"submit\"]):not([type=\"button\"]):not([type=\"reset\"]),\r\nselect,\r\ntextarea {\r\n &[disabled] {\r\n --background-color: var(--form-element-disabled-background-color);\r\n --border-color: var(--form-element-disabled-border-color);\r\n opacity: var(--form-element-disabled-opacity);\r\n }\r\n}\r\n\r\n// Aria-invalid\r\ninput,\r\nselect,\r\ntextarea {\r\n\r\n &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n &[aria-invalid] {\r\n @if $enable-important {\r\n padding-right: calc(\r\n var(--form-element-spacing-horizontal) + 1.5rem\r\n ) !important;\r\n padding-left: var(--form-element-spacing-horizontal);\r\n padding-inline-start: var(--form-element-spacing-horizontal) !important;\r\n padding-inline-end: calc(\r\n var(--form-element-spacing-horizontal) + 1.5rem\r\n ) !important;\r\n } @else {\r\n padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n padding-left: var(--form-element-spacing-horizontal);\r\n padding-inline-start: var(--form-element-spacing-horizontal);\r\n padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n }\r\n background-position: center right 0.75rem;\r\n background-size: 1rem auto;\r\n background-repeat: no-repeat;\r\n }\r\n\r\n &[aria-invalid=\"false\"] {\r\n background-image: var(--icon-valid);\r\n }\r\n \r\n &[aria-invalid=\"true\"] {\r\n background-image: var(--icon-invalid);\r\n }\r\n }\r\n\r\n &[aria-invalid=\"false\"] {\r\n --border-color: var(--form-element-valid-border-color);\r\n\r\n &:active,\r\n &:focus {\r\n @if $enable-important {\r\n --border-color: var(--form-element-valid-active-border-color) !important;\r\n --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;\r\n } @else {\r\n --border-color: var(--form-element-valid-active-border-color);\r\n --box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color);\r\n }\r\n }\r\n }\r\n\r\n &[aria-invalid=\"true\"] {\r\n --border-color: var(--form-element-invalid-border-color);\r\n \r\n &:active,\r\n &:focus {\r\n @if $enable-important {\r\n --border-color: var(--form-element-invalid-active-border-color) !important;\r\n --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;\r\n } @else {\r\n --border-color: var(--form-element-invalid-active-border-color);\r\n --box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color);\r\n }\r\n }\r\n }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n input,\r\n select,\r\n textarea {\r\n &:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n &[aria-invalid],\r\n &[aria-invalid=\"true\"],\r\n &[aria-invalid=\"false\"] {\r\n background-position: center left 0.75rem;\r\n }\r\n }\r\n }\r\n}\r\n\r\n// Placeholder\r\ninput::placeholder,\r\ninput::-webkit-input-placeholder,\r\ntextarea::placeholder,\r\ntextarea::-webkit-input-placeholder,\r\nselect:invalid {\r\n color: var(--form-element-placeholder-color);\r\n opacity: 1;\r\n}\r\n\r\n// Margin bottom (Not Checkboxes and Radios)\r\ninput:not([type=\"checkbox\"]):not([type=\"radio\"]),\r\nselect,\r\ntextarea {\r\n margin-bottom: var(--spacing);\r\n}\r\n\r\n// Select\r\nselect {\r\n // Unstyle the caret on `<select>`s in IE10+.\r\n &::-ms-expand {\r\n border: 0;\r\n background-color: transparent;\r\n }\r\n\r\n &:not([multiple]):not([size]) {\r\n padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n padding-left: var(--form-element-spacing-horizontal);\r\n padding-inline-start: var(--form-element-spacing-horizontal);\r\n padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);\r\n background-image: var(--icon-chevron);\r\n background-position: center right 0.75rem;\r\n background-size: 1rem auto;\r\n background-repeat: no-repeat;\r\n }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n select {\r\n &:not([multiple]):not([size]) {\r\n background-position: center left 0.75rem;\r\n }\r\n }\r\n}\r\n\r\n// Helper\r\ninput,\r\nselect,\r\ntextarea {\r\n + small {\r\n display: block;\r\n width: 100%;\r\n margin-top: calc(var(--spacing) * -0.75);\r\n margin-bottom: var(--spacing);\r\n color: var(--muted-color);\r\n }\r\n}\r\n\r\n// Styles for Input inside a label\r\nlabel {\r\n & > input,\r\n & > select,\r\n & > textarea {\r\n margin-top: calc(var(--spacing) * 0.25);\r\n }\r\n}\r\n","/**\r\n * Form elements\r\n * Checkboxes & Radios\r\n */\r\n\r\n[type=\"checkbox\"],\r\n[type=\"radio\"] {\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n width: 1.25em;\r\n height: 1.25em;\r\n margin-top: -0.125em;\r\n margin-right: 0.375em;\r\n margin-left: 0;\r\n margin-inline-start: 0;\r\n margin-inline-end: 0.375em;\r\n border-width: var(--border-width);\r\n font-size: inherit;\r\n vertical-align: middle;\r\n cursor: pointer;\r\n\r\n &::-ms-check {\r\n display: none; // unstyle IE checkboxes\r\n }\r\n\r\n &:checked,\r\n &:checked:active,\r\n &:checked:focus {\r\n --background-color: var(--primary);\r\n --border-color: var(--primary);\r\n background-image: var(--icon-checkbox);\r\n background-position: center;\r\n background-size: 0.75em auto;\r\n background-repeat: no-repeat;\r\n }\r\n\r\n & ~ label {\r\n display: inline-block;\r\n margin-right: 0.375em;\r\n margin-bottom: 0;\r\n cursor: pointer;\r\n }\r\n}\r\n\r\n// Checkboxes\r\n[type=\"checkbox\"] {\r\n &:indeterminate {\r\n --background-color: var(--primary);\r\n --border-color: var(--primary);\r\n background-image: var(--icon-minus);\r\n background-position: center;\r\n background-size: 0.75em auto;\r\n background-repeat: no-repeat;\r\n }\r\n}\r\n\r\n// Radios\r\n[type=\"radio\"] {\r\n border-radius: 50%;\r\n\r\n &:checked,\r\n &:checked:active,\r\n &:checked:focus {\r\n --background-color: var(--primary-inverse);\r\n border-width: 0.35em;\r\n background-image: none;\r\n }\r\n}\r\n\r\n// Switchs\r\n[type=\"checkbox\"][role=\"switch\"] {\r\n --background-color: var(--switch-background-color);\r\n --border-color: var(--switch-background-color);\r\n --color: var(--switch-color);\r\n\r\n // Config\r\n $switch-height: 1.25em;\r\n $switch-width: 2.25em;\r\n $switch-transition: 0.1s ease-in-out;\r\n\r\n // Styles\r\n width: $switch-width;\r\n height: $switch-height;\r\n border: var(--border-width) solid var(--border-color);\r\n border-radius: $switch-height;\r\n background-color: var(--background-color);\r\n line-height: $switch-height;\r\n\r\n &:focus {\r\n --background-color: var(--switch-background-color);\r\n --border-color: var(--switch-background-color);\r\n }\r\n\r\n &:checked {\r\n --background-color: var(--switch-checked-background-color);\r\n --border-color: var(--switch-checked-background-color);\r\n }\r\n\r\n &:before {\r\n display: block;\r\n width: calc(#{$switch-height} - (var(--border-width) * 2));\r\n height: 100%;\r\n border-radius: 50%;\r\n background-color: var(--color);\r\n content: \"\";\r\n\r\n @if $enable-transitions {\r\n transition: margin $switch-transition;\r\n }\r\n }\r\n\r\n &:checked {\r\n background-image: none;\r\n\r\n &::before {\r\n margin-left: calc(#{$switch-width * 0.5} - var(--border-width));\r\n margin-inline-start: calc(#{$switch-width * 0.5} - var(--border-width));\r\n }\r\n }\r\n}\r\n\r\n// Aria-invalid\r\n[type=\"checkbox\"],\r\n[type=\"checkbox\"]:checked,\r\n[type=\"radio\"],\r\n[type=\"radio\"]:checked,\r\n[type=\"checkbox\"][role=\"switch\"],\r\n[type=\"checkbox\"][role=\"switch\"]:checked {\r\n \r\n &[aria-invalid=\"false\"] {\r\n --border-color: var(--form-element-valid-border-color);\r\n }\r\n\r\n &[aria-invalid=\"true\"] {\r\n --border-color: var(--form-element-invalid-border-color);\r\n }\r\n}","/**\r\n * Form elements\r\n * Alternatives input types (Not Checkboxes & Radios)\r\n */\r\n\r\n// Color\r\n[type=\"color\"] {\r\n // Wrapper\r\n @mixin color-wrapper {\r\n padding: 0;\r\n }\r\n\r\n &::-webkit-color-swatch-wrapper {\r\n @include color-wrapper;\r\n }\r\n\r\n &::-moz-focus-inner {\r\n @include color-wrapper;\r\n }\r\n\r\n // Swatch\r\n @mixin color-swatch {\r\n border: none;\r\n border-radius: calc(var(--border-radius) * 0.5);\r\n }\r\n\r\n &::-webkit-color-swatch {\r\n @include color-swatch;\r\n }\r\n\r\n &::-moz-color-swatch {\r\n @include color-swatch;\r\n }\r\n}\r\n\r\n// Date & Time\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n &[type=\"date\"],\r\n &[type=\"datetime-local\"],\r\n &[type=\"month\"],\r\n &[type=\"time\"],\r\n &[type=\"week\"] {\r\n --icon-position: 0.75rem;\r\n --icon-width: 1rem;\r\n padding-right: calc(var(--icon-width) + var(--icon-position));\r\n background-image: var(--icon-date);\r\n background-position: center right var(--icon-position);\r\n background-size: var(--icon-width) auto;\r\n background-repeat: no-repeat;\r\n }\r\n\r\n // Time\r\n &[type=\"time\"] {\r\n background-image: var(--icon-time);\r\n }\r\n}\r\n\r\n// Calendar picker\r\n[type=\"date\"],\r\n[type=\"datetime-local\"],\r\n[type=\"month\"],\r\n[type=\"time\"],\r\n[type=\"week\"] {\r\n &::-webkit-calendar-picker-indicator {\r\n width: var(--icon-width);\r\n margin-right: calc(var(--icon-width) * -1);\r\n margin-left: var(--icon-position);\r\n opacity: 0;\r\n }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n [type=\"date\"],\r\n [type=\"datetime-local\"],\r\n [type=\"month\"],\r\n [type=\"time\"],\r\n [type=\"week\"] {\r\n text-align: right;\r\n }\r\n}\r\n\r\n// File\r\n[type=\"file\"] {\r\n --color: var(--muted-color);\r\n padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;\r\n border: none;\r\n border-radius: 0;\r\n background: none;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n border: none;\r\n background: none;\r\n }\r\n\r\n @mixin file-selector-button {\r\n --background-color: var(--secondary);\r\n --border-color: var(--secondary);\r\n --color: var(--secondary-inverse);\r\n margin-right: calc(var(--spacing) / 2);\r\n margin-left: 0;\r\n margin-inline-start: 0;\r\n margin-inline-end: calc(var(--spacing) / 2);\r\n padding: calc(var(--form-element-spacing-vertical) * 0.5)\r\n calc(var(--form-element-spacing-horizontal) * 0.5);\r\n border: var(--border-width) solid var(--border-color);\r\n border-radius: var(--border-radius);\r\n outline: none;\r\n background-color: var(--background-color);\r\n box-shadow: var(--box-shadow);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n font-size: 1rem;\r\n line-height: var(--line-height);\r\n text-align: center;\r\n cursor: pointer;\r\n\r\n @if $enable-transitions {\r\n transition: background-color var(--transition),\r\n border-color var(--transition), color var(--transition),\r\n box-shadow var(--transition);\r\n }\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n --background-color: var(--secondary-hover);\r\n --border-color: var(--secondary-hover);\r\n }\r\n }\r\n\r\n &::file-selector-button {\r\n @include file-selector-button;\r\n }\r\n\r\n &::-webkit-file-upload-button {\r\n @include file-selector-button;\r\n }\r\n\r\n &::-ms-browse {\r\n @include file-selector-button;\r\n }\r\n}\r\n\r\n// Range\r\n[type=\"range\"] {\r\n // Config\r\n $height-track: 0.25rem;\r\n $height-thumb: 1.25rem;\r\n $border-thumb: 2px;\r\n\r\n // Styles\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n width: 100%;\r\n height: $height-thumb;\r\n background: transparent;\r\n\r\n // Slider Track\r\n @mixin slider-track {\r\n width: 100%;\r\n height: $height-track;\r\n border-radius: var(--border-radius);\r\n background-color: var(--range-border-color);\r\n\r\n @if $enable-transitions {\r\n transition: background-color var(--transition),\r\n box-shadow var(--transition);\r\n }\r\n }\r\n\r\n &::-webkit-slider-runnable-track {\r\n @include slider-track;\r\n }\r\n\r\n &::-moz-range-track {\r\n @include slider-track;\r\n }\r\n\r\n &::-ms-track {\r\n @include slider-track;\r\n }\r\n\r\n // Slider Thumb\r\n @mixin slider-thumb {\r\n -webkit-appearance: none;\r\n width: $height-thumb;\r\n height: $height-thumb;\r\n margin-top: #{(-($height-thumb * 0.5) + ($height-track * 0.5))};\r\n border: $border-thumb solid var(--range-thumb-border-color);\r\n border-radius: 50%;\r\n background-color: var(--range-thumb-color);\r\n cursor: pointer;\r\n\r\n @if $enable-transitions {\r\n transition: background-color var(--transition),\r\n transform var(--transition);\r\n }\r\n }\r\n &::-webkit-slider-thumb {\r\n @include slider-thumb;\r\n }\r\n\r\n &::-moz-range-thumb {\r\n @include slider-thumb;\r\n }\r\n\r\n &::-ms-thumb {\r\n @include slider-thumb;\r\n }\r\n\r\n &:hover,\r\n &:focus {\r\n --range-border-color: var(--range-active-border-color);\r\n --range-thumb-color: var(--range-thumb-hover-color);\r\n }\r\n\r\n &:active {\r\n --range-thumb-color: var(--range-thumb-active-color);\r\n\r\n // Slider Thumb\r\n &::-webkit-slider-thumb {\r\n transform: scale(1.25);\r\n }\r\n\r\n &::-moz-range-thumb {\r\n transform: scale(1.25);\r\n }\r\n\r\n &::-ms-thumb {\r\n transform: scale(1.25);\r\n }\r\n }\r\n}\r\n\r\n// Search\r\n// :not() are needed to add Specificity and avoid !important on padding\r\ninput:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]) {\r\n &[type=\"search\"] {\r\n padding-left: calc(var(--form-element-spacing-horizontal) + 1.75rem);\r\n border-radius: 5rem;\r\n background-image: var(--icon-search);\r\n background-position: center left 1.125rem;\r\n background-size: 1rem auto;\r\n background-repeat: no-repeat;\r\n }\r\n}\r\n\r\n// Cancel button\r\n[type=\"search\"] {\r\n &::-webkit-search-cancel-button {\r\n -webkit-appearance: none;\r\n display: none;\r\n }\r\n}\r\n","/**\r\n * Table\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Collapse border spacing in all browsers (opinionated).\r\n// 2. Correct table border color inheritance in all Chrome, Edge, and Safari.\r\n// 3. Remove text indentation from table contents in Chrome, Edge, and Safari.\r\ntable {\r\n width: 100%;\r\n border-color: inherit; // 2\r\n border-collapse: collapse; // 1\r\n border-spacing: 0;\r\n text-indent: 0; // 3\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n// Cells\r\nth,\r\ntd {\r\n padding: calc(var(--spacing) / 2) var(--spacing);\r\n border-bottom: var(--border-width) solid var(--table-border-color);\r\n color: var(--color);\r\n font-weight: var(--font-weight);\r\n font-size: var(--font-size);\r\n text-align: left;\r\n text-align: start;\r\n}\r\n\r\n// Footer\r\ntfoot {\r\n th,\r\n td {\r\n border-top: var(--border-width) solid var(--table-border-color);\r\n border-bottom: 0;\r\n }\r\n}\r\n\r\n// Striped\r\ntable {\r\n &[role=\"grid\"] {\r\n tbody tr:nth-child(odd) {\r\n background-color: var(--table-row-stripped-background-color);\r\n }\r\n }\r\n}\r\n","/**\r\n * Code\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Correct the inheritance and scaling of font size in all browsers\r\n// 2. Correct the font sizing in all browsers\r\npre,\r\ncode,\r\nkbd,\r\nsamp {\r\n font-size: 0.875em; // 2\r\n font-family: var(--font-family); // 1\r\n}\r\n\r\n// Prevent overflow of the container in all browsers (opinionated)\r\npre {\r\n -ms-overflow-style: scrollbar;\r\n overflow: auto;\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\npre,\r\ncode,\r\nkbd {\r\n border-radius: var(--border-radius);\r\n background: var(--code-background-color);\r\n color: var(--code-color);\r\n font-weight: var(--font-weight);\r\n line-height: initial;\r\n}\r\n\r\ncode,\r\nkbd {\r\n display: inline-block;\r\n padding: 0.375rem 0.5rem;\r\n}\r\n\r\npre {\r\n display: block;\r\n margin-bottom: var(--spacing);\r\n overflow-x: auto;\r\n\r\n > code {\r\n display: block;\r\n padding: var(--spacing);\r\n background: transparent;\r\n font-size: 14px;\r\n line-height: var(--line-height);\r\n }\r\n}\r\n\r\n// Code Syntax\r\ncode {\r\n // Tags\r\n b {\r\n color: var(--code-tag-color);\r\n font-weight: var(--font-weight);\r\n }\r\n\r\n // Properties\r\n i {\r\n color: var(--code-property-color);\r\n font-style: normal;\r\n }\r\n\r\n // Values\r\n u {\r\n color: var(--code-value-color);\r\n text-decoration: none;\r\n }\r\n\r\n // Comments\r\n em {\r\n color: var(--code-comment-color);\r\n font-style: normal;\r\n }\r\n}\r\n\r\n// kbd\r\nkbd {\r\n background-color: var(--code-kbd-background-color);\r\n color: var(--code-kbd-color);\r\n vertical-align: baseline;\r\n}\r\n","/**\r\n * Miscs\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct box sizing in Firefox\r\n// 2. Show the overflow in Edge and IE\r\nhr {\r\n box-sizing: content-box; // 1\r\n height: 0; // 1\r\n overflow: visible; // 2\r\n border: none;\r\n border-top: 1px solid var(--muted-border-color);\r\n}\r\n\r\n// Add the correct display in IE 10+\r\n[hidden],\r\ntemplate {\r\n @if $enable-important {\r\n display: none !important;\r\n } @else {\r\n display: none;\r\n }\r\n}\r\n\r\n// Add the correct display in IE 9-\r\ncanvas {\r\n display: inline-block;\r\n}\r\n","/**\r\n * Accordion (<details>)\r\n */\r\n\r\ndetails {\r\n display: block;\r\n margin-bottom: var(--spacing);\r\n padding-bottom: calc(var(--spacing) * 0.5);\r\n border-bottom: var(--border-width) solid var(--accordion-border-color);\r\n\r\n summary {\r\n color: var(--accordion-close-summary-color);\r\n line-height: 1rem;\r\n list-style-type: none;\r\n cursor: pointer;\r\n\r\n @if $enable-transitions {\r\n transition: color var(--transition);\r\n }\r\n\r\n // Reset marker\r\n &::-webkit-details-marker {\r\n display: none;\r\n }\r\n\r\n &::marker {\r\n display: none;\r\n }\r\n\r\n &::-moz-list-bullet {\r\n list-style-type: none;\r\n }\r\n\r\n // Marker\r\n &::after {\r\n display: block;\r\n width: 1rem;\r\n height: 1rem;\r\n float: right;\r\n transform: rotate(-90deg);\r\n background-image: var(--icon-chevron);\r\n background-position: center;\r\n background-size: 1rem auto;\r\n background-repeat: no-repeat;\r\n content: \"\";\r\n\r\n @if $enable-transitions {\r\n transition: transform var(--transition);\r\n }\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n color: var(--accordion-active-summary-color);\r\n }\r\n\r\n ~ * {\r\n margin-top: calc(var(--spacing) * 0.5);\r\n\r\n ~ * {\r\n margin-top: 0;\r\n }\r\n }\r\n }\r\n\r\n // Open\r\n &[open] {\r\n > summary {\r\n margin-bottom: calc(var(--spacing) * 0.25);\r\n\r\n &:not(:focus) {\r\n color: var(--accordion-open-summary-color);\r\n }\r\n\r\n &::after {\r\n transform: rotate(0);\r\n } \r\n }\r\n }\r\n}\r\n\r\n[dir=\"rtl\"] {\r\n details {\r\n summary {\r\n &::after {\r\n float: left;\r\n }\r\n }\r\n }\r\n}\r\n","/**\r\n * Card (<article>)\r\n */\r\n\r\narticle {\r\n margin: var(--block-spacing-vertical) 0;\r\n padding: var(--block-spacing-vertical) var(--block-spacing-horizontal);\r\n overflow: hidden;\r\n border-radius: var(--border-radius);\r\n background: var(--card-background-color);\r\n box-shadow: var(--card-box-shadow);\r\n\r\n > header,\r\n > footer {\r\n margin-right: calc(var(--block-spacing-horizontal) * -1);\r\n margin-left: calc(var(--block-spacing-horizontal) * -1);\r\n padding: calc(var(--block-spacing-vertical) * 0.66)\r\n var(--block-spacing-horizontal);\r\n background-color: var(--card-sectionning-background-color);\r\n }\r\n\r\n > header {\r\n margin-top: calc(var(--block-spacing-vertical) * -1);\r\n margin-bottom: var(--block-spacing-vertical);\r\n border-bottom: var(--border-width) solid var(--card-border-color);\r\n }\r\n\r\n > footer {\r\n margin-top: var(--block-spacing-vertical);\r\n margin-bottom: calc(var(--block-spacing-vertical) * -1);\r\n border-top: var(--border-width) solid var(--card-border-color);\r\n }\r\n}\r\n","/**\r\n * Modal (<dialog>)\r\n */\r\n\r\n:root {\r\n --scrollbar-width: 0px;\r\n}\r\n\r\ndialog {\r\n display: flex;\r\n z-index: 999;\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n align-items: center;\r\n justify-content: center;\r\n width: inherit;\r\n min-width: 100%;\r\n height: inherit;\r\n min-height: 100%;\r\n padding: var(--spacing);\r\n border: none;\r\n background-color: var(--modal-overlay-background-color);\r\n\r\n // Content\r\n article {\r\n max-height: calc(100vh - var(--spacing) * 2);\r\n overflow: auto;\r\n\r\n @if map-get($breakpoints, 'sm') {\r\n @media (min-width: map-get($breakpoints, 'sm')) {\r\n max-width: map-get($viewports, 'sm');\r\n }\r\n }\r\n\r\n @if map-get($breakpoints, 'md') {\r\n @media (min-width: map-get($breakpoints, 'md')) {\r\n max-width: map-get($viewports, 'md');\r\n }\r\n }\r\n\r\n > header,\r\n > footer {\r\n padding: calc(var(--block-spacing-vertical) * 0.5)\r\n var(--block-spacing-horizontal);\r\n }\r\n\r\n > header {\r\n .close {\r\n margin: 0;\r\n margin-left: var(--spacing);\r\n float: right;\r\n }\r\n }\r\n\r\n > footer {\r\n text-align: right;\r\n\r\n [role='button'] {\r\n margin-bottom: 0;\r\n\r\n &:not(:first-of-type) {\r\n margin-left: calc(var(--spacing) * 0.5);\r\n }\r\n }\r\n }\r\n\r\n p {\r\n &:last-of-type {\r\n margin: 0;\r\n }\r\n }\r\n\r\n // Close icon\r\n @if $enable-classes {\r\n .close {\r\n display: block;\r\n width: 1rem;\r\n height: 1rem;\r\n margin-top: calc(var(--block-spacing-vertical) * -0.5);\r\n margin-bottom: var(--typography-spacing-vertical);\r\n margin-left: auto;\r\n background-image: var(--icon-close);\r\n background-position: center;\r\n background-size: auto 1rem;\r\n background-repeat: no-repeat;\r\n opacity: 0.5;\r\n\r\n @if $enable-transitions {\r\n transition: opacity var(--transition);\r\n }\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n opacity: 1;\r\n }\r\n }\r\n }\r\n }\r\n\r\n // Closed state\r\n &:not([open]),\r\n &[open='false'] {\r\n display: none;\r\n }\r\n}\r\n\r\n// Utilities\r\n@if $enable-classes {\r\n .modal-is-open {\r\n padding-right: var(--scrollbar-width, 0px);\r\n overflow: hidden;\r\n pointer-events: none;\r\n\r\n dialog {\r\n pointer-events: auto;\r\n }\r\n }\r\n}\r\n\r\n// Animations\r\n@if ($enable-classes and $enable-transitions) {\r\n $animation-duration: 0.2s;\r\n\r\n .modal-is-opening,\r\n .modal-is-closing {\r\n dialog,\r\n dialog > article {\r\n animation-duration: $animation-duration;\r\n animation-timing-function: ease-in-out;\r\n animation-fill-mode: both;\r\n }\r\n\r\n dialog {\r\n animation-duration: ($animation-duration * 4);\r\n animation-name: fadeIn;\r\n\r\n > article {\r\n animation-delay: $animation-duration;\r\n animation-name: slideInDown;\r\n }\r\n }\r\n }\r\n\r\n .modal-is-closing {\r\n dialog,\r\n dialog > article {\r\n animation-delay: 0s;\r\n animation-direction: reverse;\r\n }\r\n }\r\n\r\n @keyframes fadeIn {\r\n from {\r\n background-color: transparent;\r\n }\r\n to {\r\n background-color: var(--modal-overlay-background-color);\r\n }\r\n }\r\n\r\n @keyframes slideInDown {\r\n from {\r\n transform: translateY(-100%);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translateY(0);\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n","/**\r\n * Nav\r\n */\r\n\r\n// Horizontal Nav\r\nnav,\r\nnav ul {\r\n display: flex;\r\n}\r\n\r\nnav {\r\n justify-content: space-between;\r\n\r\n ol,\r\n ul {\r\n align-items: center;\r\n margin-bottom: 0;\r\n padding: 0;\r\n list-style: none;\r\n\r\n &:first-of-type {\r\n margin-left: calc(var(--spacing) * -0.5);\r\n }\r\n &:last-of-type {\r\n margin-right: calc(var(--spacing) * -0.5);\r\n }\r\n }\r\n\r\n li {\r\n display: inline-block;\r\n margin: 0;\r\n padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n\r\n // HACK: Input & Button inside Nav\r\n > *,\r\n > input:not([type=\"checkbox\"]):not([type=\"radio\"]) {\r\n margin-bottom: 0;\r\n }\r\n }\r\n\r\n a {\r\n display: block;\r\n margin: calc(var(--spacing) * -1) calc(var(--spacing) * -0.5);\r\n padding: var(--spacing) calc(var(--spacing) * 0.5);\r\n border-radius: var(--border-radius);\r\n text-decoration: none;\r\n\r\n &:hover,\r\n &:active,\r\n &:focus {\r\n text-decoration: none;\r\n }\r\n }\r\n\r\n &[aria-label=\"breadcrumb\"] {\r\n align-items: center;\r\n justify-content: left;\r\n\r\n & ul li {\r\n padding-inline-start: 0;\r\n\r\n &:not(:last-child) {\r\n a::after {\r\n padding-inline-start: 0.5rem;\r\n content: \"/\";\r\n color: var(--muted-color);\r\n }\r\n }\r\n }\r\n\r\n & a[aria-current=\"page\"] {\r\n color: inherit;\r\n }\r\n }\r\n}\r\n\r\n// Vertical Nav\r\naside {\r\n nav,\r\n ol,\r\n ul,\r\n li {\r\n display: block;\r\n }\r\n\r\n li {\r\n padding: calc(var(--spacing) * 0.5);\r\n\r\n a {\r\n margin: calc(var(--spacing) * -0.5);\r\n padding: calc(var(--spacing) * 0.5);\r\n }\r\n }\r\n}\r\n","/**\r\n * Progress\r\n */\r\n\r\n// Reboot based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// 1. Add the correct display in Edge 18- and IE\r\n// 2. Add the correct vertical alignment in Chrome, Edge, and Firefox\r\nprogress {\r\n display: inline-block; // 1\r\n vertical-align: baseline; // 2\r\n}\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\nprogress {\r\n // Reset the default appearance\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n\r\n // Styles\r\n display: inline-block;\r\n appearance: none;\r\n width: 100%;\r\n height: 0.5rem;\r\n margin-bottom: calc(var(--spacing) * 0.5);\r\n overflow: hidden;\r\n\r\n // Remove Firefox and Opera border\r\n border: 0;\r\n border-radius: var(--border-radius);\r\n background-color: var(--progress-background-color);\r\n\r\n // IE10 uses `color` to set the bar background-color\r\n color: var(--progress-color);\r\n\r\n &::-webkit-progress-bar {\r\n border-radius: var(--border-radius);\r\n background: transparent;\r\n }\r\n &[value]::-webkit-progress-value {\r\n background-color: var(--progress-color);\r\n }\r\n &::-moz-progress-bar {\r\n background-color: var(--progress-color);\r\n }\r\n\r\n // Indeterminate state\r\n @media (prefers-reduced-motion: no-preference) {\r\n &:indeterminate {\r\n background: var(--progress-background-color)\r\n linear-gradient(\r\n to right,\r\n var(--progress-color) 30%,\r\n var(--progress-background-color) 30%\r\n )\r\n top left / 150% 150% no-repeat;\r\n animation: progressIndeterminate 1s linear infinite;\r\n\r\n &[value]::-webkit-progress-value {\r\n background-color: transparent;\r\n }\r\n &::-moz-progress-bar {\r\n background-color: transparent;\r\n }\r\n }\r\n }\r\n}\r\n\r\n@keyframes progressIndeterminate {\r\n 0% {\r\n background-position: 200% 0;\r\n }\r\n 100% {\r\n background-position: -200% 0;\r\n }\r\n}\r\n","/**\r\n * Loading ([aria-busy=true])\r\n */\r\n\r\n\r\n// Cursor\r\n[aria-busy=\"true\"] {\r\n cursor: progress;\r\n}\r\n\r\n// Everyting except form elements\r\n[aria-busy=\"true\"]:not(input):not(select):not(textarea) {\r\n\r\n &::before {\r\n display: inline-block;\r\n width: 1em;\r\n height: 1em;\r\n border: 0.1875em solid currentColor;\r\n border-radius: 1em;\r\n border-right-color: transparent;\r\n content: '';\r\n vertical-align: text-bottom;\r\n vertical-align: -.125em; // Visual alignment\r\n animation: spinner 0.75s linear infinite;\r\n opacity: var(--loading-spinner-opacity);\r\n }\r\n\r\n &:not(:empty) {\r\n &::before {\r\n margin-right: calc(var(--spacing) * 0.5);\r\n margin-left: 0;\r\n margin-inline-start: 0;\r\n margin-inline-end: calc(var(--spacing) * 0.5);\r\n }\r\n }\r\n\r\n &:empty {\r\n text-align: center;\r\n }\r\n}\r\n\r\n// Buttons and links\r\nbutton,\r\ninput[type=\"submit\"],\r\ninput[type=\"button\"],\r\ninput[type=\"reset\"],\r\na {\r\n &[aria-busy=\"true\"] {\r\n pointer-events: none;\r\n }\r\n}\r\n\r\n// Animation: rotate\r\n@keyframes spinner {\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n","/**\r\n * Tooltip ([data-tooltip])\r\n */\r\n\r\n[data-tooltip] {\r\n position: relative;\r\n\r\n &:not(a):not(button):not(input) {\r\n border-bottom: 1px dotted;\r\n text-decoration: none;\r\n cursor: help;\r\n }\r\n\r\n &::before,\r\n &::after {\r\n display: block;\r\n z-index: 99;\r\n position: absolute;\r\n bottom: 100%;\r\n left: 50%;\r\n padding: .25rem .5rem;\r\n overflow: hidden;\r\n transform: translate(-50%, -.25rem);\r\n border-radius: var(--border-radius);\r\n background: var(--tooltip-background-color);\r\n content: attr(data-tooltip);\r\n color: var(--tooltip-color);\r\n font-style: normal;\r\n font-weight: var(--font-weight);\r\n font-size: .875rem;\r\n text-decoration: none;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n\r\n // Caret\r\n &::after {\r\n padding: 0;\r\n transform: translate(-50%, 0rem);\r\n border-top: .3rem solid;\r\n border-right: .3rem solid transparent;\r\n border-left: .3rem solid transparent;\r\n border-radius: 0;\r\n background-color: transparent;\r\n content: '';\r\n color: var(--tooltip-background-color);\r\n }\r\n\r\n // Display\r\n &:focus,\r\n &:hover {\r\n &::before,\r\n &::after {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n // Animations, excluding touch devices\r\n @if $enable-transitions {\r\n @media (hover: hover) and (pointer: fine) {\r\n &:focus,\r\n &:hover {\r\n &::before,\r\n &::after {\r\n animation-duration: .2s;\r\n animation-name: slide;\r\n }\r\n\r\n &::after {\r\n animation-name: slideCaret; \r\n }\r\n }\r\n }\r\n }\r\n}\r\n\r\n// Animations\r\n@if $enable-transitions {\r\n @keyframes slide {\r\n from {\r\n transform: translate(-50%, .75rem);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translate(-50%, -.25rem);\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes slideCaret {\r\n from {\r\n opacity: 0;\r\n }\r\n 50% {\r\n transform: translate(-50%, -.25rem);\r\n opacity: 0;\r\n }\r\n to {\r\n transform: translate(-50%, 0rem);\r\n opacity: 1;\r\n }\r\n }\r\n}\r\n","/**\r\n * Accessibility & User interaction\r\n */\r\n\r\n\r\n// Based on :\r\n// - normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css\r\n// - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n// ––––––––––––––––––––\r\n\r\n// Accessibility\r\n\r\n// Change the cursor on control elements in all browsers (opinionated)\r\n[aria-controls] {\r\n cursor: pointer;\r\n}\r\n\r\n// Change the cursor on disabled, not-editable, or otherwise inoperable elements in all browsers (opinionated)\r\n[aria-disabled=\"true\"],\r\n[disabled] {\r\n cursor: not-allowed;\r\n}\r\n\r\n// Change the display on visually hidden accessible elements in all browsers (opinionated)\r\n[aria-hidden=\"false\"][hidden] {\r\n display: initial;\r\n}\r\n\r\n[aria-hidden=\"false\"][hidden]:not(:focus) {\r\n clip: rect(0, 0, 0, 0);\r\n position: absolute;\r\n}\r\n\r\n// User interaction\r\n// Remove the tapping delay in IE 10\r\na,\r\narea,\r\nbutton,\r\ninput,\r\nlabel,\r\nselect,\r\nsummary,\r\ntextarea,\r\n[tabindex] {\r\n -ms-touch-action: manipulation;\r\n}\r\n\r\n\r\n// Pico\r\n// ––––––––––––––––––––\r\n\r\n[dir=\"rtl\"] {\r\n direction: rtl;\r\n}\r\n","@if $enable-transitions and $enable-important {\r\n\r\n/**\r\n * Reduce Motion Features\r\n */\r\n\r\n\r\n // Based on :\r\n // - sanitize.css v12.0.1 | CC0 1.0 Universal | github.com/csstools/sanitize.css\r\n // ––––––––––––––––––––\r\n\r\n // 1. Remove animations when motion is reduced (opinionated)\r\n // 2. Remove fixed background attachments when motion is reduced (opinionated)\r\n // 3. Remove timed scrolling behaviors when motion is reduced (opinionated)\r\n // 4. Remove transitions when motion is reduced (opinionated)\r\n @media (prefers-reduced-motion: reduce) {\r\n *:not([aria-busy=\"true\"]),\r\n :not([aria-busy=\"true\"])::before,\r\n :not([aria-busy=\"true\"])::after {\r\n background-attachment: initial !important; // 2\r\n animation-duration: 1ms !important; // 1\r\n animation-delay: -1ms !important; // 1\r\n animation-iteration-count: 1 !important; // 1\r\n scroll-behavior: auto !important; // 3\r\n transition-delay: 0s !important; // 4\r\n transition-duration: 0s !important; // 4\r\n }\r\n }\r\n}\r\n"]} |