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