{"version":3,"sources":["pico.css","../scss/utils/_copyright.scss","../scss/themes/default/_styles.scss","../scss/themes/default/_schemes.scss","../scss/themes/default/_light.scss","../scss/themes/default/_dark.scss","../scss/layout/_document.scss","../scss/layout/_landmarks.scss","../scss/layout/_container.scss","../scss/layout/_section.scss","../scss/layout/_grid.scss","../scss/layout/_scroller.scss","../scss/content/_link.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/_group.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.css","sourcesContent":["@charset \"UTF-8\";\n/*!\n * Pico CSS ✨ v2.0.0-rc2 (https://picocss.com)\n * Copyright 2019-2024 - Licensed under MIT\n */\n/**\n * Styles\n */\n:root {\n  --pico-font-family-emoji: \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n  --pico-font-family-sans-serif: system-ui, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, var(--pico-font-family-emoji);\n  --pico-font-family-monospace: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo, Consolas, \"Liberation Mono\", monospace, var(--pico-font-family-emoji);\n  --pico-font-family: var(--pico-font-family-sans-serif);\n  --pico-line-height: 1.5;\n  --pico-font-weight: 400;\n  --pico-font-size: 100%;\n  --pico-text-underline-offset: 0.1rem;\n  --pico-border-radius: 0.25rem;\n  --pico-border-width: 0.0625rem;\n  --pico-outline-width: 0.125rem;\n  --pico-transition: 0.2s ease-in-out;\n  --pico-spacing: 1rem;\n  --pico-typography-spacing-vertical: 1rem;\n  --pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);\n  --pico-block-spacing-horizontal: var(--pico-spacing);\n  --pico-grid-column-gap: var(--pico-spacing);\n  --pico-grid-row-gap: var(--pico-spacing);\n  --pico-form-element-spacing-vertical: 0.75rem;\n  --pico-form-element-spacing-horizontal: 1rem;\n  --pico-group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  --pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);\n  --pico-group-box-shadow-focus-with-input: 0 0 0 0.0625rem var(--pico-form-element-border-color);\n  --pico-modal-overlay-backdrop-filter: blur(0.375rem);\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-nav-breadcrumb-divider: \">\";\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-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-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(136, 145, 164)' 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-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(136, 145, 164)' 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-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(136, 145, 164)' 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-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(136, 145, 164)' stroke-width='1.5' 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-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(136, 145, 164)' stroke-width='3' 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-loading: url(\"data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='rgb(136, 145, 164)' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E\");\n}\n@media (min-width: 576px) {\n  :root {\n    --pico-font-size: 106.25%;\n  }\n}\n@media (min-width: 768px) {\n  :root {\n    --pico-font-size: 112.5%;\n  }\n}\n@media (min-width: 1024px) {\n  :root {\n    --pico-font-size: 118.75%;\n  }\n}\n@media (min-width: 1280px) {\n  :root {\n    --pico-font-size: 125%;\n  }\n}\n@media (min-width: 1536px) {\n  :root {\n    --pico-font-size: 131.25%;\n  }\n}\n:root details summary[role=button]:not(.outline)::after {\n  filter: brightness(0) invert(1);\n}\n:root [aria-busy=true]:not(input, select, textarea):is(button, [type=submit], [type=button], [type=reset], [role=button]):not(.outline)::before {\n  filter: brightness(0) invert(1);\n}\n\n@media (min-width: 576px) {\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 2.5);\n  }\n}\n@media (min-width: 768px) {\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 3);\n  }\n}\n@media (min-width: 1024px) {\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 3.5);\n  }\n}\n@media (min-width: 1280px) {\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 4);\n  }\n}\n@media (min-width: 1536px) {\n  body > header,\n  body > main,\n  body > footer,\n  section {\n    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 4.5);\n  }\n}\n\n@media (min-width: 576px) {\n  article {\n    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.25);\n    --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.25);\n  }\n}\n@media (min-width: 768px) {\n  article {\n    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.5);\n    --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.5);\n  }\n}\n@media (min-width: 1024px) {\n  article {\n    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 1.75);\n    --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 1.75);\n  }\n}\n@media (min-width: 1280px) {\n  article {\n    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 2);\n    --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2);\n  }\n}\n@media (min-width: 1536px) {\n  article {\n    --pico-block-spacing-vertical: calc(var(--pico-spacing) * 2.25);\n    --pico-block-spacing-horizontal: calc(var(--pico-spacing) * 2.25);\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: underline;\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-line-height: 1.125;\n  --pico-typography-spacing-top: 3rem;\n}\n\nh2 {\n  --pico-font-size: 1.75rem;\n  --pico-line-height: 1.15;\n  --pico-typography-spacing-top: 2.625rem;\n}\n\nh3 {\n  --pico-font-size: 1.5rem;\n  --pico-line-height: 1.175;\n  --pico-typography-spacing-top: 2.25rem;\n}\n\nh4 {\n  --pico-font-size: 1.25rem;\n  --pico-line-height: 1.2;\n  --pico-typography-spacing-top: 1.874rem;\n}\n\nh5 {\n  --pico-font-size: 1.125rem;\n  --pico-line-height: 1.225;\n  --pico-typography-spacing-top: 1.6875rem;\n}\n\nh6 {\n  --pico-font-size: 1rem;\n  --pico-line-height: 1.25;\n  --pico-typography-spacing-top: 1.5rem;\n}\n\nthead th,\nthead td,\ntfoot th,\ntfoot td {\n  --pico-font-weight: 600;\n  --pico-border-width: 0.1875rem;\n}\n\npre,\ncode,\nkbd,\nsamp {\n  --pico-font-family: var(--pico-font-family-monospace);\n}\n\nkbd {\n  --pico-font-weight: bolder;\n}\n\ninput:not([type=submit],\n[type=button],\n[type=reset],\n[type=checkbox],\n[type=radio],\n[type=file]),\n:where(select, textarea) {\n  --pico-outline-width: 0.0625rem;\n}\n\n[type=search] {\n  --pico-border-radius: 5rem;\n}\n\n[type=checkbox],\n[type=radio] {\n  --pico-border-width: 0.125rem;\n}\n\n[type=checkbox][role=switch] {\n  --pico-border-width: 0.1875rem;\n}\n\ndetails.dropdown summary:not([role=button]) {\n  --pico-outline-width: 0.0625rem;\n}\n\nnav details.dropdown summary:focus-visible {\n  --pico-outline-width: 0.125rem;\n}\n\n[role=search] {\n  --pico-border-radius: 5rem;\n}\n\n[role=search]:has(button.secondary:focus,\n[type=submit].secondary:focus,\n[type=button].secondary:focus,\n[role=button].secondary:focus),\n[role=group]:has(button.secondary:focus,\n[type=submit].secondary:focus,\n[type=button].secondary:focus,\n[role=button].secondary:focus) {\n  --pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-secondary-focus);\n}\n[role=search]:has(button.contrast:focus,\n[type=submit].contrast:focus,\n[type=button].contrast:focus,\n[role=button].contrast:focus),\n[role=group]:has(button.contrast:focus,\n[type=submit].contrast:focus,\n[type=button].contrast:focus,\n[role=button].contrast:focus) {\n  --pico-group-box-shadow-focus-with-button: 0 0 0 var(--pico-outline-width) var(--pico-contrast-focus);\n}\n[role=search] button,\n[role=search] [type=submit],\n[role=search] [type=button],\n[role=search] [role=button],\n[role=group] button,\n[role=group] [type=submit],\n[role=group] [type=button],\n[role=group] [role=button] {\n  --pico-form-element-spacing-horizontal: 2rem;\n}\n\n/**\n * Color schemes\n */\n[data-theme=light],\n:root:not([data-theme=dark]) {\n  --pico-background-color: #fff;\n  --pico-color: #373c44;\n  --pico-text-selection-color: rgba(2, 154, 232, 0.25);\n  --pico-muted-color: #646b79;\n  --pico-muted-border-color: #e7eaf0;\n  --pico-primary: #0172ad;\n  --pico-primary-background: #0172ad;\n  --pico-primary-border: var(--pico-primary-background);\n  --pico-primary-underline: rgba(1, 114, 173, 0.5);\n  --pico-primary-hover: #015887;\n  --pico-primary-hover-background: #02659a;\n  --pico-primary-hover-border: var(--pico-primary-hover-background);\n  --pico-primary-hover-underline: var(--pico-primary-hover);\n  --pico-primary-focus: rgba(2, 154, 232, 0.5);\n  --pico-primary-inverse: #fff;\n  --pico-secondary: #5d6b89;\n  --pico-secondary-background: #525f7a;\n  --pico-secondary-border: var(--pico-secondary-background);\n  --pico-secondary-underline: rgba(93, 107, 137, 0.5);\n  --pico-secondary-hover: #48536b;\n  --pico-secondary-hover-background: #48536b;\n  --pico-secondary-hover-border: var(--pico-secondary-hover-background);\n  --pico-secondary-hover-underline: var(--pico-secondary-hover);\n  --pico-secondary-focus: rgba(93, 107, 137, 0.25);\n  --pico-secondary-inverse: #fff;\n  --pico-contrast: #181c25;\n  --pico-contrast-background: #181c25;\n  --pico-contrast-border: var(--pico-contrast-background);\n  --pico-contrast-underline: rgba(24, 28, 37, 0.5);\n  --pico-contrast-hover: #000;\n  --pico-contrast-hover-background: #000;\n  --pico-contrast-hover-border: var(--pico-contrast-hover-background);\n  --pico-contrast-hover-underline: var(--pico-secondary-hover);\n  --pico-contrast-focus: rgba(93, 107, 137, 0.25);\n  --pico-contrast-inverse: #fff;\n  --pico-box-shadow: 0.0145rem 0.029rem 0.174rem rgba(129, 145, 181, 0.01698), 0.0335rem 0.067rem 0.402rem rgba(129, 145, 181, 0.024), 0.0625rem 0.125rem 0.75rem rgba(129, 145, 181, 0.03), 0.1125rem 0.225rem 1.35rem rgba(129, 145, 181, 0.036), 0.2085rem 0.417rem 2.502rem rgba(129, 145, 181, 0.04302), 0.5rem 1rem 6rem rgba(129, 145, 181, 0.06), 0 0 0 0.0625rem rgba(129, 145, 181, 0.015);\n  --pico-h1-color: #2d3138;\n  --pico-h2-color: #373c44;\n  --pico-h3-color: #424751;\n  --pico-h4-color: #4d535e;\n  --pico-h5-color: #5c6370;\n  --pico-h6-color: #646b79;\n  --pico-mark-background-color: #fde7c0;\n  --pico-mark-color: #0f1114;\n  --pico-ins-color: #1d6a54;\n  --pico-del-color: #883935;\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-table-border-color: var(--pico-muted-border-color);\n  --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);\n  --pico-code-background-color: #f3f5f7;\n  --pico-code-color: #646b79;\n  --pico-code-kbd-background-color: var(--pico-color);\n  --pico-code-kbd-color: var(--pico-background-color);\n  --pico-form-element-background-color: #fbfcfc;\n  --pico-form-element-selected-background-color: #dfe3eb;\n  --pico-form-element-border-color: #cfd5e2;\n  --pico-form-element-color: #23262c;\n  --pico-form-element-placeholder-color: var(--pico-muted-color);\n  --pico-form-element-active-background-color: #fff;\n  --pico-form-element-active-border-color: var(--pico-primary-border);\n  --pico-form-element-focus-color: var(--pico-primary-border);\n  --pico-form-element-disabled-background-color: var(--pico-form-element-background-color);\n  --pico-form-element-disabled-border-color: var(--pico-form-element-border-color);\n  --pico-form-element-disabled-opacity: 0.5;\n  --pico-form-element-invalid-border-color: #b86a6b;\n  --pico-form-element-invalid-active-border-color: #c84f48;\n  --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);\n  --pico-form-element-valid-border-color: #4c9b8a;\n  --pico-form-element-valid-active-border-color: #279977;\n  --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);\n  --pico-switch-background-color: #bfc7d9;\n  --pico-switch-color: var(--pico-primary-inverse);\n  --pico-switch-checked-background-color: var(--pico-primary-background);\n  --pico-range-border-color: #dfe3eb;\n  --pico-range-active-border-color: #bfc7d9;\n  --pico-range-thumb-border-color: var(--pico-background-color);\n  --pico-range-thumb-color: var(--pico-secondary-background);\n  --pico-range-thumb-active-color: var(--pico-primary-background);\n  --pico-accordion-border-color: var(--pico-muted-border-color);\n  --pico-accordion-active-summary-color: var(--pico-primary-hover);\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: var(--pico-box-shadow);\n  --pico-card-sectioning-background-color: #fbfcfc;\n  --pico-dropdown-background-color: #fff;\n  --pico-dropdown-border-color: #eff1f4;\n  --pico-dropdown-box-shadow: var(--pico-box-shadow);\n  --pico-dropdown-color: var(--pico-color);\n  --pico-dropdown-hover-background-color: #eff1f4;\n  --pico-loading-spinner-opacity: 0.5;\n  --pico-modal-overlay-background-color: rgba(232, 234, 237, 0.75);\n  --pico-progress-background-color: #dfe3eb;\n  --pico-progress-color: var(--pico-primary-background);\n  --pico-tooltip-background-color: var(--pico-contrast-background);\n  --pico-tooltip-color: var(--pico-contrast-inverse);\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(76, 155, 138)' stroke-width='2' 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-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(200, 79, 72)' 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  color-scheme: light;\n}\n[data-theme=light] input:is([type=submit],\n[type=button],\n[type=reset],\n[type=checkbox],\n[type=radio],\n[type=file]),\n:root:not([data-theme=dark]) input:is([type=submit],\n[type=button],\n[type=reset],\n[type=checkbox],\n[type=radio],\n[type=file]) {\n  --pico-form-element-focus-color: var(--pico-primary-focus);\n}\n\n@media only screen and (prefers-color-scheme: dark) {\n  :root:not([data-theme]) {\n    --pico-background-color: #13171f;\n    --pico-color: #c2c7d0;\n    --pico-text-selection-color: rgba(1, 170, 255, 0.1875);\n    --pico-muted-color: #7b8495;\n    --pico-muted-border-color: #202632;\n    --pico-primary: #01aaff;\n    --pico-primary-background: #0172ad;\n    --pico-primary-border: var(--pico-primary-background);\n    --pico-primary-underline: rgba(1, 170, 255, 0.5);\n    --pico-primary-hover: #79c0ff;\n    --pico-primary-hover-background: #017fc0;\n    --pico-primary-hover-border: var(--pico-primary-hover-background);\n    --pico-primary-hover-underline: var(--pico-primary-hover);\n    --pico-primary-focus: rgba(1, 170, 255, 0.375);\n    --pico-primary-inverse: #fff;\n    --pico-secondary: #969eaf;\n    --pico-secondary-background: #525f7a;\n    --pico-secondary-border: var(--pico-secondary-background);\n    --pico-secondary-underline: rgba(150, 158, 175, 0.5);\n    --pico-secondary-hover: #b3b9c5;\n    --pico-secondary-hover-background: #5d6b89;\n    --pico-secondary-hover-border: var(--pico-secondary-hover-background);\n    --pico-secondary-hover-underline: var(--pico-secondary-hover);\n    --pico-secondary-focus: rgba(144, 158, 190, 0.25);\n    --pico-secondary-inverse: #fff;\n    --pico-contrast: #dfe3eb;\n    --pico-contrast-background: #eff1f4;\n    --pico-contrast-border: var(--pico-contrast-background);\n    --pico-contrast-underline: rgba(223, 227, 235, 0.5);\n    --pico-contrast-hover: #fff;\n    --pico-contrast-hover-background: #fff;\n    --pico-contrast-hover-border: var(--pico-contrast-hover-background);\n    --pico-contrast-hover-underline: var(--pico-contrast-hover);\n    --pico-contrast-focus: rgba(207, 213, 226, 0.25);\n    --pico-contrast-inverse: #000;\n    --pico-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-h1-color: #f0f1f3;\n    --pico-h2-color: #e0e3e7;\n    --pico-h3-color: #c2c7d0;\n    --pico-h4-color: #b3b9c5;\n    --pico-h5-color: #a4acba;\n    --pico-h6-color: #8891a4;\n    --pico-mark-background-color: #014063;\n    --pico-mark-color: #fff;\n    --pico-ins-color: #62af9a;\n    --pico-del-color: #ce7e7b;\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-table-border-color: var(--pico-muted-border-color);\n    --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);\n    --pico-code-background-color: #1a1f28;\n    --pico-code-color: #8891a4;\n    --pico-code-kbd-background-color: var(--pico-color);\n    --pico-code-kbd-color: var(--pico-background-color);\n    --pico-form-element-background-color: #1c212c;\n    --pico-form-element-selected-background-color: #2a3140;\n    --pico-form-element-border-color: #2a3140;\n    --pico-form-element-color: #e0e3e7;\n    --pico-form-element-placeholder-color: #8891a4;\n    --pico-form-element-active-background-color: #1a1f28;\n    --pico-form-element-active-border-color: var(--pico-primary-border);\n    --pico-form-element-focus-color: var(--pico-primary-border);\n    --pico-form-element-disabled-background-color: var(--pico-form-element-background-color);\n    --pico-form-element-disabled-border-color: var(--pico-form-element-border-color);\n    --pico-form-element-disabled-opacity: 0.5;\n    --pico-form-element-invalid-border-color: #964a50;\n    --pico-form-element-invalid-active-border-color: #b7403b;\n    --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);\n    --pico-form-element-valid-border-color: #2a7b6f;\n    --pico-form-element-valid-active-border-color: #16896a;\n    --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);\n    --pico-switch-background-color: #333c4e;\n    --pico-switch-color: var(--pico-primary-inverse);\n    --pico-switch-checked-background-color: var(--pico-primary-background);\n    --pico-range-border-color: #202632;\n    --pico-range-active-border-color: #2a3140;\n    --pico-range-thumb-border-color: var(--pico-background-color);\n    --pico-range-thumb-color: var(--pico-secondary-background);\n    --pico-range-thumb-active-color: var(--pico-primary-background);\n    --pico-accordion-border-color: var(--pico-muted-border-color);\n    --pico-accordion-active-summary-color: var(--pico-primary-hover);\n    --pico-accordion-close-summary-color: var(--pico-color);\n    --pico-accordion-open-summary-color: var(--pico-muted-color);\n    --pico-card-background-color: #181c25;\n    --pico-card-border-color: var(--pico-card-background-color);\n    --pico-card-box-shadow: var(--pico-box-shadow);\n    --pico-card-sectioning-background-color: #1a1f28;\n    --pico-dropdown-background-color: #181c25;\n    --pico-dropdown-border-color: #202632;\n    --pico-dropdown-box-shadow: var(--pico-box-shadow);\n    --pico-dropdown-color: var(--pico-color);\n    --pico-dropdown-hover-background-color: #202632;\n    --pico-loading-spinner-opacity: 0.5;\n    --pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75);\n    --pico-progress-background-color: #202632;\n    --pico-progress-color: var(--pico-primary-background);\n    --pico-tooltip-background-color: var(--pico-contrast-background);\n    --pico-tooltip-color: var(--pico-contrast-inverse);\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(42, 123, 111)' stroke-width='2' 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-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(150, 74, 80)' 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    color-scheme: dark;\n  }\n  :root:not([data-theme]) input:is([type=submit],\n  [type=button],\n  [type=reset],\n  [type=checkbox],\n  [type=radio],\n  [type=file]) {\n    --pico-form-element-focus-color: var(--pico-primary-focus);\n  }\n  :root:not([data-theme]) details summary[role=button].contrast:not(.outline)::after {\n    filter: brightness(0);\n  }\n  :root:not([data-theme]) [aria-busy=true]:not(input, select, textarea).contrast:is(button,\n  [type=submit],\n  [type=button],\n  [type=reset],\n  [role=button]):not(.outline)::before {\n    filter: brightness(0);\n  }\n}\n[data-theme=dark] {\n  --pico-background-color: #13171f;\n  --pico-color: #c2c7d0;\n  --pico-text-selection-color: rgba(1, 170, 255, 0.1875);\n  --pico-muted-color: #7b8495;\n  --pico-muted-border-color: #202632;\n  --pico-primary: #01aaff;\n  --pico-primary-background: #0172ad;\n  --pico-primary-border: var(--pico-primary-background);\n  --pico-primary-underline: rgba(1, 170, 255, 0.5);\n  --pico-primary-hover: #79c0ff;\n  --pico-primary-hover-background: #017fc0;\n  --pico-primary-hover-border: var(--pico-primary-hover-background);\n  --pico-primary-hover-underline: var(--pico-primary-hover);\n  --pico-primary-focus: rgba(1, 170, 255, 0.375);\n  --pico-primary-inverse: #fff;\n  --pico-secondary: #969eaf;\n  --pico-secondary-background: #525f7a;\n  --pico-secondary-border: var(--pico-secondary-background);\n  --pico-secondary-underline: rgba(150, 158, 175, 0.5);\n  --pico-secondary-hover: #b3b9c5;\n  --pico-secondary-hover-background: #5d6b89;\n  --pico-secondary-hover-border: var(--pico-secondary-hover-background);\n  --pico-secondary-hover-underline: var(--pico-secondary-hover);\n  --pico-secondary-focus: rgba(144, 158, 190, 0.25);\n  --pico-secondary-inverse: #fff;\n  --pico-contrast: #dfe3eb;\n  --pico-contrast-background: #eff1f4;\n  --pico-contrast-border: var(--pico-contrast-background);\n  --pico-contrast-underline: rgba(223, 227, 235, 0.5);\n  --pico-contrast-hover: #fff;\n  --pico-contrast-hover-background: #fff;\n  --pico-contrast-hover-border: var(--pico-contrast-hover-background);\n  --pico-contrast-hover-underline: var(--pico-contrast-hover);\n  --pico-contrast-focus: rgba(207, 213, 226, 0.25);\n  --pico-contrast-inverse: #000;\n  --pico-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-h1-color: #f0f1f3;\n  --pico-h2-color: #e0e3e7;\n  --pico-h3-color: #c2c7d0;\n  --pico-h4-color: #b3b9c5;\n  --pico-h5-color: #a4acba;\n  --pico-h6-color: #8891a4;\n  --pico-mark-background-color: #014063;\n  --pico-mark-color: #fff;\n  --pico-ins-color: #62af9a;\n  --pico-del-color: #ce7e7b;\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-table-border-color: var(--pico-muted-border-color);\n  --pico-table-row-stripped-background-color: rgba(111, 120, 135, 0.0375);\n  --pico-code-background-color: #1a1f28;\n  --pico-code-color: #8891a4;\n  --pico-code-kbd-background-color: var(--pico-color);\n  --pico-code-kbd-color: var(--pico-background-color);\n  --pico-form-element-background-color: #1c212c;\n  --pico-form-element-selected-background-color: #2a3140;\n  --pico-form-element-border-color: #2a3140;\n  --pico-form-element-color: #e0e3e7;\n  --pico-form-element-placeholder-color: #8891a4;\n  --pico-form-element-active-background-color: #1a1f28;\n  --pico-form-element-active-border-color: var(--pico-primary-border);\n  --pico-form-element-focus-color: var(--pico-primary-border);\n  --pico-form-element-disabled-background-color: var(--pico-form-element-background-color);\n  --pico-form-element-disabled-border-color: var(--pico-form-element-border-color);\n  --pico-form-element-disabled-opacity: 0.5;\n  --pico-form-element-invalid-border-color: #964a50;\n  --pico-form-element-invalid-active-border-color: #b7403b;\n  --pico-form-element-invalid-focus-color: var(--pico-form-element-invalid-active-border-color);\n  --pico-form-element-valid-border-color: #2a7b6f;\n  --pico-form-element-valid-active-border-color: #16896a;\n  --pico-form-element-valid-focus-color: var(--pico-form-element-valid-active-border-color);\n  --pico-switch-background-color: #333c4e;\n  --pico-switch-color: var(--pico-primary-inverse);\n  --pico-switch-checked-background-color: var(--pico-primary-background);\n  --pico-range-border-color: #202632;\n  --pico-range-active-border-color: #2a3140;\n  --pico-range-thumb-border-color: var(--pico-background-color);\n  --pico-range-thumb-color: var(--pico-secondary-background);\n  --pico-range-thumb-active-color: var(--pico-primary-background);\n  --pico-accordion-border-color: var(--pico-muted-border-color);\n  --pico-accordion-active-summary-color: var(--pico-primary-hover);\n  --pico-accordion-close-summary-color: var(--pico-color);\n  --pico-accordion-open-summary-color: var(--pico-muted-color);\n  --pico-card-background-color: #181c25;\n  --pico-card-border-color: var(--pico-card-background-color);\n  --pico-card-box-shadow: var(--pico-box-shadow);\n  --pico-card-sectioning-background-color: #1a1f28;\n  --pico-dropdown-background-color: #181c25;\n  --pico-dropdown-border-color: #202632;\n  --pico-dropdown-box-shadow: var(--pico-box-shadow);\n  --pico-dropdown-color: var(--pico-color);\n  --pico-dropdown-hover-background-color: #202632;\n  --pico-loading-spinner-opacity: 0.5;\n  --pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75);\n  --pico-progress-background-color: #202632;\n  --pico-progress-color: var(--pico-primary-background);\n  --pico-tooltip-background-color: var(--pico-contrast-background);\n  --pico-tooltip-color: var(--pico-contrast-inverse);\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(42, 123, 111)' stroke-width='2' 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-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(150, 74, 80)' 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  color-scheme: dark;\n}\n[data-theme=dark] input:is([type=submit],\n[type=button],\n[type=reset],\n[type=checkbox],\n[type=radio],\n[type=file]) {\n  --pico-form-element-focus-color: var(--pico-primary-focus);\n}\n[data-theme=dark] details summary[role=button].contrast:not(.outline)::after {\n  filter: brightness(0);\n}\n[data-theme=dark] [aria-busy=true]:not(input, select, textarea).contrast:is(button,\n[type=submit],\n[type=button],\n[type=reset],\n[role=button]):not(.outline)::before {\n  filter: brightness(0);\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-underline-offset: var(--pico-text-underline-offset);\n  text-rendering: optimizeLegibility;\n  overflow-wrap: break-word;\n  cursor: default;\n  tab-size: 4;\n}\n\n/**\n * Landmarks\n */\nbody {\n  width: 100%;\n  margin: 0;\n}\n\nmain {\n  display: block;\n}\n\nbody > header,\nbody > main,\nbody > footer {\n  padding: var(--pico-block-spacing-vertical) 0;\n}\n\n/**\n * Container\n */\n.container,\n.container-fluid {\n  width: 100%;\n  margin-right: auto;\n  margin-left: auto;\n  padding-right: var(--pico-spacing);\n  padding-left: var(--pico-spacing);\n}\n\n@media (min-width: 576px) {\n  .container {\n    max-width: 510px;\n    padding-right: 0;\n    padding-left: 0;\n  }\n}\n@media (min-width: 768px) {\n  .container {\n    max-width: 700px;\n  }\n}\n@media (min-width: 1024px) {\n  .container {\n    max-width: 950px;\n  }\n}\n@media (min-width: 1280px) {\n  .container {\n    max-width: 1200px;\n  }\n}\n@media (min-width: 1536px) {\n  .container {\n    max-width: 1450px;\n  }\n}\n\n/**\n * Section\n */\nsection {\n  margin-bottom: var(--pico-block-spacing-vertical);\n}\n\n/**\n * Grid\n * Minimal grid system with auto-layout columns\n */\n.grid {\n  grid-column-gap: var(--pico-grid-column-gap);\n  grid-row-gap: var(--pico-grid-row-gap);\n  display: grid;\n  grid-template-columns: 1fr;\n}\n@media (min-width: 768px) {\n  .grid {\n    grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n  }\n}\n.grid > * {\n  min-width: 0;\n}\n\n/**\n * Horizontal scroller (<figure>)\n */\nfigure {\n  display: block;\n  margin: 0;\n  padding: 0;\n  overflow-x: auto;\n}\nfigure figcaption {\n  padding: calc(var(--pico-spacing) * 0.5) 0;\n  color: var(--pico-muted-color);\n}\n\n/**\n * Link\n */\n:where(a:not([role=button])),\n[role=link] {\n  --pico-color: var(--pico-primary);\n  --pico-background-color: transparent;\n  --pico-underline: var(--pico-primary-underline);\n  outline: none;\n  background-color: var(--pico-background-color);\n  color: var(--pico-color);\n  text-decoration: var(--pico-text-decoration);\n  text-decoration-color: var(--pico-underline);\n  text-underline-offset: 0.125em;\n  transition: background-color var(--pico-transition), color var(--pico-transition), text-decoration var(--pico-transition), box-shadow var(--pico-transition);\n}\n:where(a:not([role=button])):is([aria-current]:not([aria-current=false]), :hover, :active, :focus),\n[role=link]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {\n  --pico-color: var(--pico-primary-hover);\n  --pico-underline: var(--pico-primary-hover-underline);\n  --pico-text-decoration: underline;\n}\n:where(a:not([role=button])):focus-visible,\n[role=link]:focus-visible {\n  box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);\n}\n:where(a:not([role=button])).secondary,\n[role=link].secondary {\n  --pico-color: var(--pico-secondary);\n  --pico-underline: var(--pico-secondary-underline);\n}\n:where(a:not([role=button])).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),\n[role=link].secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {\n  --pico-color: var(--pico-secondary-hover);\n  --pico-underline: var(--pico-secondary-hover-underline);\n}\n:where(a:not([role=button])).contrast,\n[role=link].contrast {\n  --pico-color: var(--pico-contrast);\n  --pico-underline: var(--pico-contrast-underline);\n}\n:where(a:not([role=button])).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),\n[role=link].contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {\n  --pico-color: var(--pico-contrast-hover);\n  --pico-underline: var(--pico-contrast-hover-underline);\n}\n\na[role=button] {\n  display: inline-block;\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,\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}\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  line-height: var(--pico-line-height);\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(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul) ~ :is(h1, h2, h3, h4, h5, h6) {\n  margin-top: var(--pico-typography-spacing-top);\n}\n\np {\n  margin-bottom: var(--pico-typography-spacing-vertical);\n}\n\nhgroup {\n  margin-bottom: var(--pico-typography-spacing-vertical);\n}\nhgroup > * {\n  margin-top: 0;\n  margin-bottom: 0;\n}\nhgroup > *:not(:first-child):last-child {\n  --pico-color: var(--pico-muted-color);\n  --pico-font-weight: unset;\n  font-size: 1rem;\n}\n\n:where(ol, ul) li {\n  margin-bottom: calc(var(--pico-typography-spacing-vertical) * 0.25);\n}\n\n:where(dl, ol, ul) :where(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-text-selection-color);\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=submit],\n[type=reset],\n[type=button] {\n  -webkit-appearance: button;\n}\n\nbutton,\n[type=submit],\n[type=reset],\n[type=button],\n[type=file]::file-selector-button,\n[role=button] {\n  --pico-background-color: var(--pico-primary-background);\n  --pico-border-color: var(--pico-primary-border);\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  text-decoration: none;\n  cursor: pointer;\n  user-select: none;\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]:not([aria-current=false])), button:is(:hover, :active, :focus),\n[type=submit]:is([aria-current]:not([aria-current=false])),\n[type=submit]:is(:hover, :active, :focus),\n[type=reset]:is([aria-current]:not([aria-current=false])),\n[type=reset]:is(:hover, :active, :focus),\n[type=button]:is([aria-current]:not([aria-current=false])),\n[type=button]:is(:hover, :active, :focus),\n[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])),\n[type=file]::file-selector-button:is(:hover, :active, :focus),\n[role=button]:is([aria-current]:not([aria-current=false])),\n[role=button]:is(:hover, :active, :focus) {\n  --pico-background-color: var(--pico-primary-hover-background);\n  --pico-border-color: var(--pico-primary-hover-border);\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, button:is([aria-current]:not([aria-current=false])):focus,\n[type=submit]:focus,\n[type=submit]:is([aria-current]:not([aria-current=false])):focus,\n[type=reset]:focus,\n[type=reset]:is([aria-current]:not([aria-current=false])):focus,\n[type=button]:focus,\n[type=button]:is([aria-current]:not([aria-current=false])):focus,\n[type=file]::file-selector-button:focus,\n[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])):focus,\n[role=button]:focus,\n[role=button]:is([aria-current]:not([aria-current=false])):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\n[type=submit],\n[type=reset],\n[type=button] {\n  margin-bottom: var(--pico-spacing);\n}\n\n:is(button, [type=submit], [type=button], [role=button]).secondary,\n[type=reset],\n[type=file]::file-selector-button {\n  --pico-background-color: var(--pico-secondary-background);\n  --pico-border-color: var(--pico-secondary-border);\n  --pico-color: var(--pico-secondary-inverse);\n  cursor: pointer;\n}\n:is(button, [type=submit], [type=button], [role=button]).secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),\n[type=reset]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),\n[type=file]::file-selector-button:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {\n  --pico-background-color: var(--pico-secondary-hover-background);\n  --pico-border-color: var(--pico-secondary-hover-border);\n  --pico-color: var(--pico-secondary-inverse);\n}\n:is(button, [type=submit], [type=button], [role=button]).secondary:focus, :is(button, [type=submit], [type=button], [role=button]).secondary:is([aria-current]:not([aria-current=false])):focus,\n[type=reset]:focus,\n[type=reset]:is([aria-current]:not([aria-current=false])):focus,\n[type=file]::file-selector-button:focus,\n[type=file]::file-selector-button:is([aria-current]:not([aria-current=false])):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:is(button, [type=submit], [type=button], [role=button]).contrast {\n  --pico-background-color: var(--pico-contrast-background);\n  --pico-border-color: var(--pico-contrast-border);\n  --pico-color: var(--pico-contrast-inverse);\n}\n:is(button, [type=submit], [type=button], [role=button]).contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {\n  --pico-background-color: var(--pico-contrast-hover-background);\n  --pico-border-color: var(--pico-contrast-hover-border);\n  --pico-color: var(--pico-contrast-inverse);\n}\n:is(button, [type=submit], [type=button], [role=button]).contrast:focus, :is(button, [type=submit], [type=button], [role=button]).contrast:is([aria-current]:not([aria-current=false])):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-contrast-focus);\n}\n\n:is(button, [type=submit], [type=button], [role=button]).outline,\n[type=reset].outline {\n  --pico-background-color: transparent;\n  --pico-color: var(--pico-primary);\n  --pico-border-color: var(--pico-primary);\n}\n:is(button, [type=submit], [type=button], [role=button]).outline:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),\n[type=reset].outline:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {\n  --pico-background-color: transparent;\n  --pico-color: var(--pico-primary-hover);\n  --pico-border-color: var(--pico-primary-hover);\n}\n\n:is(button, [type=submit], [type=button], [role=button]).outline.secondary,\n[type=reset].outline {\n  --pico-color: var(--pico-secondary);\n  --pico-border-color: var(--pico-secondary);\n}\n:is(button, [type=submit], [type=button], [role=button]).outline.secondary:is([aria-current]:not([aria-current=false]), :hover, :active, :focus),\n[type=reset].outline:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {\n  --pico-color: var(--pico-secondary-hover);\n  --pico-border-color: var(--pico-secondary-hover);\n}\n\n:is(button, [type=submit], [type=button], [role=button]).outline.contrast {\n  --pico-color: var(--pico-contrast);\n  --pico-border-color: var(--pico-contrast);\n}\n:is(button, [type=submit], [type=button], [role=button]).outline.contrast:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {\n  --pico-color: var(--pico-contrast-hover);\n  --pico-border-color: var(--pico-contrast-hover);\n}\n\n:where(button, [type=submit], [type=reset], [type=button], [role=button])[disabled],\n:where(fieldset[disabled]) :is(button, [type=submit], [type=button], [type=reset], [role=button]) {\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  background-color: var(--pico-background-color);\n  color: var(--pico-color);\n  font-weight: var(--pico-font-weight);\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.striped tbody tr:nth-child(odd) th,\ntable.striped tbody tr:nth-child(odd) td {\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 code {\n  font-size: inherit;\n  font-family: inherit;\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;\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  line-height: var(--pico-line-height);\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  margin: var(--pico-typography-spacing-vertical) 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  width: 100%;\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.375);\n  color: var(--pico-color);\n  font-weight: var(--pico-form-label-font-weight, var(--pico-font-weight));\n}\n\nfieldset legend {\n  margin-bottom: calc(var(--pico-spacing) * 0.5);\n}\n\ninput:not([type=checkbox], [type=radio]),\nbutton[type=submit],\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],\n[type=button],\n[type=reset],\n[type=checkbox],\n[type=radio],\n[readonly]):is(:active, :focus),\n:where(select, textarea):not([readonly]):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):not([readonly]):is(:active, :focus) {\n  --pico-border-color: var(--pico-form-element-active-border-color);\n}\n\ninput:not([type=submit],\n[type=button],\n[type=reset],\n[type=range],\n[type=file],\n[readonly]):focus,\n:where(select, textarea):not([readonly]):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],\nlabel[aria-disabled=true],\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\nlabel[aria-disabled=true] input[disabled] {\n  opacity: 1;\n}\n\n:where(input, select, textarea):not([type=checkbox],\n[type=radio],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=time],\n[type=week],\n[type=range])[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],\n[type=radio],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=time],\n[type=week],\n[type=range])[aria-invalid=false]:not(select) {\n  background-image: var(--pico-icon-valid);\n}\n:where(input, select, textarea):not([type=checkbox],\n[type=radio],\n[type=date],\n[type=datetime-local],\n[type=month],\n[type=time],\n[type=week],\n[type=range])[aria-invalid=true]:not(select) {\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}\n:where(input, select, textarea)[aria-invalid=false]:is(:active, :focus):not([type=checkbox], [type=radio]) {\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}\n:where(input, select, textarea)[aria-invalid=true]:is(:active, :focus):not([type=checkbox], [type=radio]) {\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}\nselect[multiple] option:checked {\n  background: var(--pico-form-element-selected-background-color);\n}\n\n[dir=rtl] select:not([multiple], [size]) {\n  background-position: center left 0.75rem;\n}\n\ntextarea {\n  display: block;\n  resize: vertical;\n}\ntextarea[aria-invalid] {\n  --pico-icon-height: calc(1rem * var(--pico-line-height) + var(--pico-form-element-spacing-vertical) * 2 + var(--pico-border-width) * 2);\n  background-position: top right 0.75rem !important;\n  background-size: 1rem var(--pico-icon-height) !important;\n}\n\n:where(input, select, textarea, .grid) + 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:where(input, select, textarea, .grid)[aria-invalid=false] + small {\n  color: var(--pico-ins-color);\n}\n:where(input, select, textarea, .grid)[aria-invalid=true] + small {\n  color: var(--pico-del-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 */\nlabel:has([type=checkbox], [type=radio]) {\n  width: fit-content;\n  cursor: pointer;\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-inline-end: 0.5em;\n  border-width: var(--pico-border-width);\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-background);\n  --pico-border-color: var(--pico-primary-border);\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-bottom: 0;\n  cursor: pointer;\n}\n[type=checkbox] ~ label:not(:last-of-type),\n[type=radio] ~ label:not(:last-of-type) {\n  margin-inline-end: 1em;\n}\n\n[type=checkbox]:indeterminate {\n  --pico-background-color: var(--pico-primary-background);\n  --pico-border-color: var(--pico-primary-border);\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-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]:not([aria-invalid]) {\n  --pico-border-color: var(--pico-switch-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]: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  background-image: none;\n}\n[type=checkbox][role=switch]:checked::before {\n  margin-inline-start: calc(1.125em - var(--pico-border-width));\n}\n[type=checkbox][role=switch][disabled] {\n  --pico-background-color: var(--pico-border-color);\n}\n\n[type=checkbox][aria-invalid=false]:checked, [type=checkbox][aria-invalid=false]:checked:active, [type=checkbox][aria-invalid=false]:checked:focus,\n[type=checkbox][role=switch][aria-invalid=false]:checked,\n[type=checkbox][role=switch][aria-invalid=false]:checked:active,\n[type=checkbox][role=switch][aria-invalid=false]:checked:focus {\n  --pico-background-color: var(--pico-form-element-valid-border-color);\n}\n[type=checkbox]:checked[aria-invalid=true], [type=checkbox]:checked:active[aria-invalid=true], [type=checkbox]:checked:focus[aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true],\n[type=checkbox][role=switch]:checked:active[aria-invalid=true],\n[type=checkbox][role=switch]:checked:focus[aria-invalid=true] {\n  --pico-background-color: var(--pico-form-element-invalid-border-color);\n}\n\n[type=checkbox][aria-invalid=false]:checked, [type=checkbox][aria-invalid=false]:checked:active, [type=checkbox][aria-invalid=false]:checked:focus,\n[type=radio][aria-invalid=false]:checked,\n[type=radio][aria-invalid=false]:checked:active,\n[type=radio][aria-invalid=false]:checked:focus,\n[type=checkbox][role=switch][aria-invalid=false]:checked,\n[type=checkbox][role=switch][aria-invalid=false]:checked:active,\n[type=checkbox][role=switch][aria-invalid=false]:checked:focus {\n  --pico-border-color: var(--pico-form-element-valid-border-color);\n}\n[type=checkbox]:checked[aria-invalid=true], [type=checkbox]:checked:active[aria-invalid=true], [type=checkbox]:checked:focus[aria-invalid=true],\n[type=radio]:checked[aria-invalid=true],\n[type=radio]:checked:active[aria-invalid=true],\n[type=radio]:checked:focus[aria-invalid=true],\n[type=checkbox][role=switch]:checked[aria-invalid=true],\n[type=checkbox][role=switch]:checked:active[aria-invalid=true],\n[type=checkbox][role=switch]:checked:focus[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@-moz-document url-prefix() {\n  [type=date],\n  [type=datetime-local],\n  [type=month],\n  [type=time],\n  [type=week] {\n    padding-right: var(--pico-form-element-spacing-horizontal) !important;\n    background-image: none !important;\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  margin-left: calc(var(--pico-outline-width) * -1);\n  padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) 0;\n  padding-left: var(--pico-outline-width);\n  border: 0;\n  border-radius: 0;\n  background: none;\n}\n[type=file]::file-selector-button {\n  margin-right: calc(var(--pico-spacing) / 2);\n  padding: calc(var(--pico-form-element-spacing-vertical) * 0.5) var(--pico-form-element-spacing-horizontal);\n}\n[type=file]:is(:hover, :active, :focus)::file-selector-button {\n  --pico-background-color: var(--pico-secondary-hover-background);\n  --pico-border-color: var(--pico-secondary-hover-border);\n}\n[type=file]:focus::file-selector-button {\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/**\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.375rem;\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.375rem;\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.375rem;\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.4375rem;\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.4375rem;\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.4375rem;\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]:active, [type=range]:focus-within {\n  --pico-range-border-color: var(--pico-range-active-border-color);\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  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[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}\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]) {\n  color: var(--pico-accordion-active-summary-color);\n}\ndetails summary:focus-visible:not([role]) {\n  outline: var(--pico-outline-width) solid var(--pico-primary-focus);\n  outline-offset: calc(var(--pico-spacing, 1rem) * 0.5);\n  color: var(--pico-primary);\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}\ndetails[open] > summary {\n  margin-bottom: 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-bottom: var(--pico-block-spacing-vertical);\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-sectioning-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 (details.dropdown)\n */\ndetails.dropdown {\n  position: relative;\n  border-bottom: none;\n}\ndetails.dropdown summary::after,\ndetails.dropdown > button::after,\ndetails.dropdown > a::after {\n  display: block;\n  width: 1rem;\n  height: calc(1rem * var(--pico-line-height, 1.5));\n  margin-inline-start: 0.25rem;\n  float: right;\n  transform: rotate(0deg) translateX(0.2rem);\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}\n\nnav details.dropdown {\n  margin-bottom: 0;\n}\n\ndetails.dropdown 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  user-select: none;\n  transition: background-color var(--pico-transition), border-color var(--pico-transition), color var(--pico-transition), box-shadow var(--pico-transition);\n}\ndetails.dropdown summary:not([role]):active, details.dropdown 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.dropdown summary:not([role]):focus {\n  box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-form-element-focus-color);\n}\ndetails.dropdown summary:not([role]):focus-visible {\n  outline: none;\n}\ndetails.dropdown summary:not([role])[aria-invalid=false] {\n  --pico-form-element-border-color: var(--pico-form-element-valid-border-color);\n  --pico-form-element-active-border-color: var(--pico-form-element-valid-focus-color);\n  --pico-form-element-focus-color: var(--pico-form-element-valid-focus-color);\n}\ndetails.dropdown summary:not([role])[aria-invalid=true] {\n  --pico-form-element-border-color: var(--pico-form-element-invalid-border-color);\n  --pico-form-element-active-border-color: var(--pico-form-element-invalid-focus-color);\n  --pico-form-element-focus-color: var(--pico-form-element-invalid-focus-color);\n}\n\nnav details.dropdown {\n  display: inline;\n  margin: calc(var(--pico-nav-element-spacing-vertical) * -1) 0;\n}\nnav details.dropdown summary:not([role]) {\n  height: calc(1rem * var(--pico-line-height) + var(--pico-nav-link-spacing-vertical) * 2);\n  padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);\n}\nnav details.dropdown summary:not([role]):focus-visible {\n  box-shadow: 0 0 0 var(--pico-outline-width) var(--pico-primary-focus);\n}\n\ndetails.dropdown summary + ul {\n  display: flex;\n  z-index: 99;\n  position: absolute;\n  left: 0;\n  flex-direction: column;\n  width: 100%;\n  min-width: fit-content;\n  margin: 0;\n  margin-top: var(--pico-outline-width);\n  padding: 0;\n  border: var(--pico-border-width) solid var(--pico-dropdown-border-color);\n  border-radius: var(--pico-border-radius);\n  background-color: var(--pico-dropdown-background-color);\n  box-shadow: var(--pico-dropdown-box-shadow);\n  color: var(--pico-dropdown-color);\n  white-space: nowrap;\n  opacity: 0;\n  transition: opacity var(--pico-transition), transform 0s ease-in-out 1s;\n}\ndetails.dropdown summary + ul[dir=rtl] {\n  right: 0;\n  left: auto;\n}\ndetails.dropdown summary + 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.dropdown summary + ul li:first-of-type {\n  margin-top: calc(var(--pico-form-element-spacing-vertical) * 0.5);\n}\ndetails.dropdown summary + ul li:last-of-type {\n  margin-bottom: calc(var(--pico-form-element-spacing-vertical) * 0.5);\n}\ndetails.dropdown summary + 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  border-radius: 0;\n  color: var(--pico-dropdown-color);\n  text-decoration: none;\n  text-overflow: ellipsis;\n}\ndetails.dropdown summary + ul li a:hover, details.dropdown summary + ul li a:focus, details.dropdown summary + ul li a:active, details.dropdown summary + ul li a:focus-visible, details.dropdown summary + ul li a[aria-current]:not([aria-current=false]) {\n  background-color: var(--pico-dropdown-hover-background-color);\n}\ndetails.dropdown summary + ul li label {\n  width: 100%;\n}\ndetails.dropdown summary + ul li:has(label):hover {\n  background-color: var(--pico-dropdown-hover-background-color);\n}\n\ndetails.dropdown[open] summary {\n  margin-bottom: 0;\n}\n\ndetails.dropdown[open] summary + ul {\n  transform: scaleY(1);\n  opacity: 1;\n  transition: opacity var(--pico-transition), transform 0s ease-in-out 0s;\n}\n\ndetails.dropdown[open] summary::before {\n  display: block;\n  z-index: 1;\n  position: fixed;\n  width: 100vw;\n  height: 100vh;\n  inset: 0;\n  background: none;\n  content: \"\";\n  cursor: default;\n}\n\nlabel > details.dropdown {\n  margin-top: calc(var(--pico-spacing) * 0.25);\n}\n\n/**\n * Group ([role=\"group\"], [role=\"search\"])\n */\nform[role=search], form[role=group] {\n  width: 100%;\n}\n\n[role=search] > *:first-child {\n  border-top-left-radius: 5rem;\n  border-bottom-left-radius: 5rem;\n}\n[role=search] > *:last-child {\n  border-top-right-radius: 5rem;\n  border-bottom-right-radius: 5rem;\n}\n\n[role=search],\n[role=group] {\n  display: inline-flex;\n  position: relative;\n  margin-bottom: var(--pico-spacing);\n  border-radius: var(--pico-border-radius);\n  box-shadow: var(--pico-group-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n  vertical-align: middle;\n  transition: box-shadow var(--pico-transition);\n}\n[role=search] > *,\n[role=search] input:not([type=checkbox], [type=radio]),\n[role=search] select,\n[role=group] > *,\n[role=group] input:not([type=checkbox], [type=radio]),\n[role=group] select {\n  position: relative;\n  flex: 1 1 auto;\n  margin-bottom: 0;\n}\n[role=search] > *:not(:first-child),\n[role=search] input:not([type=checkbox], [type=radio]):not(:first-child),\n[role=search] select:not(:first-child),\n[role=group] > *:not(:first-child),\n[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),\n[role=group] select:not(:first-child) {\n  margin-left: 0;\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n[role=search] > *:not(:last-child),\n[role=search] input:not([type=checkbox], [type=radio]):not(:last-child),\n[role=search] select:not(:last-child),\n[role=group] > *:not(:last-child),\n[role=group] input:not([type=checkbox], [type=radio]):not(:last-child),\n[role=group] select:not(:last-child) {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n[role=search] > *:focus,\n[role=search] input:not([type=checkbox], [type=radio]):focus,\n[role=search] select:focus,\n[role=group] > *:focus,\n[role=group] input:not([type=checkbox], [type=radio]):focus,\n[role=group] select:focus {\n  z-index: 2;\n}\n[role=search] button:not(:first-child),\n[role=search] [type=submit]:not(:first-child),\n[role=search] [type=reset]:not(:first-child),\n[role=search] [type=button]:not(:first-child),\n[role=search] [role=button]:not(:first-child),\n[role=search] input:not([type=checkbox], [type=radio]):not(:first-child),\n[role=search] select:not(:first-child),\n[role=group] button:not(:first-child),\n[role=group] [type=submit]:not(:first-child),\n[role=group] [type=reset]:not(:first-child),\n[role=group] [type=button]:not(:first-child),\n[role=group] [role=button]:not(:first-child),\n[role=group] input:not([type=checkbox], [type=radio]):not(:first-child),\n[role=group] select:not(:first-child) {\n  margin-left: calc(var(--pico-border-width) * -1);\n}\n[role=search] button,\n[role=search] [type=submit],\n[role=search] [type=reset],\n[role=search] [type=button],\n[role=search] [role=button],\n[role=group] button,\n[role=group] [type=submit],\n[role=group] [type=reset],\n[role=group] [type=button],\n[role=group] [role=button] {\n  width: auto;\n}\n@supports selector(:has(*)) {\n  [role=search]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus),\n  [role=group]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) {\n    --pico-group-box-shadow: var(--pico-group-box-shadow-focus-with-button);\n  }\n  [role=search]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) input:not([type=checkbox], [type=radio]),\n  [role=search]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) select,\n  [role=group]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) input:not([type=checkbox], [type=radio]),\n  [role=group]:has(button:focus, [type=submit]:focus, [type=button]:focus, [role=button]:focus) select {\n    border-color: transparent;\n  }\n  [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus),\n  [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) {\n    --pico-group-box-shadow: var(--pico-group-box-shadow-focus-with-input);\n  }\n  [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus) button,\n  [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus) [type=submit],\n  [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus) [type=button],\n  [role=search]:has(input:not([type=submit], [type=button]):focus, select:focus) [role=button],\n  [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) button,\n  [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) [type=submit],\n  [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) [type=button],\n  [role=group]:has(input:not([type=submit], [type=button]):focus, select:focus) [role=button] {\n    --pico-button-box-shadow: 0 0 0 var(--pico-border-width) var(--pico-primary-border);\n    --pico-button-hover-box-shadow: 0 0 0 var(--pico-border-width) var(--pico-primary-hover-border);\n  }\n  [role=search] button:focus,\n  [role=search] [type=submit]:focus,\n  [role=search] [type=button]:focus,\n  [role=search] [role=button]:focus,\n  [role=group] button:focus,\n  [role=group] [type=submit]:focus,\n  [role=group] [type=button]:focus,\n  [role=group] [role=button]:focus {\n    box-shadow: none;\n  }\n}\n\n/**\n * Loading ([aria-busy=true])\n */\n[aria-busy=true]:not(input, select, textarea, html) {\n  white-space: nowrap;\n}\n[aria-busy=true]:not(input, select, textarea, html)::before {\n  display: inline-block;\n  width: 1em;\n  height: 1em;\n  background-image: var(--pico-icon-loading);\n  background-size: 1rem auto;\n  background-repeat: no-repeat;\n  content: \"\";\n  vertical-align: -0.125em;\n}\n[aria-busy=true]:not(input, select, textarea, html):not(:empty)::before {\n  margin-inline-end: calc(var(--pico-spacing) * 0.5);\n}\n[aria-busy=true]:not(input, select, textarea, html):empty {\n  text-align: center;\n}\n\nbutton[aria-busy=true],\n[type=submit][aria-busy=true],\n[type=button][aria-busy=true],\n[type=reset][aria-busy=true],\n[role=button][aria-busy=true],\na[aria-busy=true] {\n  pointer-events: none;\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: 0;\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  width: 100%;\n  max-height: calc(100vh - var(--pico-spacing) * 2);\n  margin: var(--pico-spacing);\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 > * {\n  margin-bottom: 0;\n}\ndialog article > header .close, dialog article > header a[rel=prev] {\n  margin: 0;\n  margin-left: var(--pico-spacing);\n  float: right;\n}\ndialog article > footer {\n  text-align: right;\n}\ndialog article > footer button,\ndialog article > footer [role=button] {\n  margin-bottom: 0;\n}\ndialog article > footer button:not(:first-of-type),\ndialog article > footer [role=button]:not(:first-of-type) {\n  margin-left: calc(var(--pico-spacing) * 0.5);\n}\ndialog article .close, dialog article a[rel=prev] {\n  display: block;\n  width: 1rem;\n  height: 1rem;\n  margin-top: calc(var(--pico-spacing) * -1);\n  margin-bottom: var(--pico-spacing);\n  margin-left: auto;\n  background-image: var(--pico-icon-close);\n  background-position: center;\n  background-size: auto 1rem;\n  background-repeat: no-repeat;\n  opacity: 0.5;\n  transition: opacity var(--pico-transition);\n}\ndialog article .close:is([aria-current]:not([aria-current=false]), :hover, :active, :focus), dialog article a[rel=prev]:is([aria-current]:not([aria-current=false]), :hover, :active, :focus) {\n  opacity: 1;\n}\ndialog:not([open]), dialog[open=false] {\n  display: none;\n}\n\n.modal-is-open {\n  padding-right: var(--pico-scrollbar-width, 0px);\n  overflow: hidden;\n  pointer-events: none;\n  touch-action: none;\n}\n.modal-is-open dialog {\n  pointer-events: auto;\n  touch-action: auto;\n}\n\n:where(.modal-is-opening, .modal-is-closing) dialog,\n:where(.modal-is-opening, .modal-is-closing) dialog > article {\n  animation-duration: 0.2s;\n  animation-timing-function: ease-in-out;\n  animation-fill-mode: both;\n}\n:where(.modal-is-opening, .modal-is-closing) dialog {\n  animation-duration: 0.8s;\n  animation-name: modal-overlay;\n}\n:where(.modal-is-opening, .modal-is-closing) dialog > article {\n  animation-delay: 0.2s;\n  animation-name: modal;\n}\n\n.modal-is-closing dialog,\n.modal-is-closing dialog > article {\n  animation-delay: 0s;\n  animation-direction: reverse;\n}\n\n@keyframes modal-overlay {\n  from {\n    backdrop-filter: none;\n    background-color: transparent;\n  }\n}\n@keyframes modal {\n  from {\n    transform: translateY(-100%);\n    opacity: 0;\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 :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}\nnav li :where(a, [role=link]):not(:hover) {\n  text-decoration: none;\n}\nnav li button,\nnav li [role=button],\nnav li input:not([type=checkbox], [type=radio], [type=range], [type=file]),\nnav li select {\n  height: auto;\n  margin-right: inherit;\n  margin-bottom: 0;\n  margin-left: inherit;\n  padding: calc(var(--pico-nav-link-spacing-vertical) - var(--pico-border-width) * 2) var(--pico-nav-link-spacing-horizontal);\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 a {\n  margin: calc(var(--pico-nav-link-spacing-vertical) * -1) 0;\n  margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1);\n}\nnav[aria-label=breadcrumb] ul li:not(:last-child)::after {\n  display: inline-block;\n  position: absolute;\n  width: calc(var(--pico-nav-link-spacing-horizontal) * 4);\n  margin: 0 calc(var(--pico-nav-link-spacing-horizontal) * -1);\n  content: var(--pico-nav-breadcrumb-divider);\n  color: var(--pico-muted-color);\n  text-align: center;\n  text-decoration: none;\n  white-space: nowrap;\n}\nnav[aria-label=breadcrumb] a[aria-current]:not([aria-current=false]) {\n  background-color: transparent;\n  color: inherit;\n  text-decoration: none;\n  pointer-events: none;\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  transition: inline-size var(--pico-transition);\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]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {\n    --pico-tooltip-slide-to: translate(-50%, -0.25rem);\n    transform: translate(-50%, 0.75rem);\n    animation-duration: 0.2s;\n    animation-fill-mode: forwards;\n    animation-name: tooltip-slide;\n    opacity: 0;\n  }\n  [data-tooltip]:focus::after, [data-tooltip]:hover::after {\n    --pico-tooltip-caret-slide-to: translate(-50%, 0rem);\n    transform: translate(-50%, -0.25rem);\n    animation-name: tooltip-caret-slide;\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    --pico-tooltip-slide-to: translate(-50%, 0.25rem);\n    transform: translate(-50%, -0.75rem);\n    animation-name: tooltip-slide;\n  }\n  [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::after {\n    --pico-tooltip-caret-slide-to: translate(-50%, -0.3rem);\n    transform: translate(-50%, -0.5rem);\n    animation-name: tooltip-caret-slide;\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    --pico-tooltip-slide-to: translate(-0.25rem, -50%);\n    transform: translate(0.75rem, -50%);\n    animation-name: tooltip-slide;\n  }\n  [data-tooltip][data-placement=left]:focus::after, [data-tooltip][data-placement=left]:hover::after {\n    --pico-tooltip-caret-slide-to: translate(0.3rem, -50%);\n    transform: translate(0.05rem, -50%);\n    animation-name: tooltip-caret-slide;\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    --pico-tooltip-slide-to: translate(0.25rem, -50%);\n    transform: translate(-0.75rem, -50%);\n    animation-name: tooltip-slide;\n  }\n  [data-tooltip][data-placement=right]:focus::after, [data-tooltip][data-placement=right]:hover::after {\n    --pico-tooltip-caret-slide-to: translate(-0.3rem, -50%);\n    transform: translate(-0.05rem, -50%);\n    animation-name: tooltip-caret-slide;\n  }\n}\n@keyframes tooltip-slide {\n  to {\n    transform: var(--pico-tooltip-slide-to);\n    opacity: 1;\n  }\n}\n@keyframes tooltip-caret-slide {\n  50% {\n    opacity: 0;\n  }\n  to {\n    transform: var(--pico-tooltip-caret-slide-to);\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.css.map */\n","/*!\n * Pico CSS ✨ v2.0.0-rc2 (https://picocss.com)\n * Copyright 2019-2024 - Licensed under MIT\n */\n","@use \"sass:map\";\n@use \"../../colors\" as *;\n@use \"../../settings\" as *;\n@use \"../../utils/functions\";\n\n@if map.get($modules, \"themes/default\") {\n  /**\n   * Styles\n   */\n\n  :root {\n    // Typography\n    #{$css-var-prefix}font-family-emoji: \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\",\n      \"Noto Color Emoji\";\n    #{$css-var-prefix}font-family-sans-serif: system-ui, \"Segoe UI\", Roboto, Helvetica, Arial,\n      sans-serif, var(#{$css-var-prefix}font-family-emoji);\n    #{$css-var-prefix}font-family-monospace: ui-monospace, SFMono-Regular, \"SF Mono\", Menlo,\n      Consolas, \"Liberation Mono\", monospace, var(#{$css-var-prefix}font-family-emoji);\n    #{$css-var-prefix}font-family: var(#{$css-var-prefix}font-family-sans-serif);\n    #{$css-var-prefix}line-height: 1.5;\n    #{$css-var-prefix}font-weight: 400;\n    #{$css-var-prefix}font-size: 100%;\n    #{$css-var-prefix}text-underline-offset: 0.1rem;\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            #{$css-var-prefix}font-size: map.get($values, \"root-font-size\");\n          }\n        }\n      }\n    }\n\n    // Borders\n    #{$css-var-prefix}border-radius: 0.25rem;\n    #{$css-var-prefix}border-width: 0.0625rem;\n    #{$css-var-prefix}outline-width: 0.125rem;\n\n    // Transitions\n    #{$css-var-prefix}transition: 0.2s ease-in-out;\n\n    // Spacings\n    #{$css-var-prefix}spacing: 1rem;\n\n    // Spacings for typography elements\n    @if map.get($modules, \"content/typography\") {\n      #{$css-var-prefix}typography-spacing-vertical: 1rem;\n    }\n\n    // Spacings for body > header, body > main, body > footer, section, article\n    @if map.get($modules, \"layout/landmarks\") or\n      map.get($modules, \"layout/section\") or\n      map.get($modules, \"components/card\") or\n      map.get($modules, \"components/modal\")\n    {\n      #{$css-var-prefix}block-spacing-vertical: calc(var(#{$css-var-prefix}spacing) * 2);\n      #{$css-var-prefix}block-spacing-horizontal: var(#{$css-var-prefix}spacing);\n    }\n\n    @if map.get($modules, \"layout/grid\") and $enable-classes {\n      #{$css-var-prefix}grid-column-gap: var(#{$css-var-prefix}spacing);\n      #{$css-var-prefix}grid-row-gap: var(#{$css-var-prefix}spacing);\n    }\n\n    // Spacings for form elements and button\n    @if map.get($modules, \"content/button\") or map.get($modules, \"forms/basic\") {\n      #{$css-var-prefix}form-element-spacing-vertical: 0.75rem;\n      #{$css-var-prefix}form-element-spacing-horizontal: 1rem;\n    }\n\n    // Font weight for form labels & fieldsets legend\n    @if map.get($modules, \"forms/basic\") {\n      #{$css-var-prefix}form-label-font-weight: var(#{$css-var-prefix}font-weight);\n    }\n\n    // Group (role=\"group\")\n    @if map.get($modules, \"components/group\") {\n      #{$css-var-prefix}group-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n      #{$css-var-prefix}group-box-shadow-focus-with-button: 0\n        0\n        0\n        var(#{$css-var-prefix}outline-width)\n        var(#{$css-var-prefix}primary-focus);\n      #{$css-var-prefix}group-box-shadow-focus-with-input: 0\n        0\n        0\n        0.0625rem\n        var(#{$css-var-prefix}form-element-border-color);\n    }\n\n    // Modal (<dialog>)\n    @if map.get($modules, \"components/modal\") {\n      #{$css-var-prefix}modal-overlay-backdrop-filter: blur(0.375rem);\n    }\n\n    // Spacings for nav component\n    @if map.get($modules, \"components/nav\") {\n      #{$css-var-prefix}nav-element-spacing-vertical: 1rem;\n      #{$css-var-prefix}nav-element-spacing-horizontal: 0.5rem;\n      #{$css-var-prefix}nav-link-spacing-vertical: 0.5rem;\n      #{$css-var-prefix}nav-link-spacing-horizontal: 0.5rem;\n      #{$css-var-prefix}nav-breadcrumb-divider: \">\";\n    }\n\n    // Checkboxes icons\n    @if map.get($modules, \"forms/checkbox-radio-switch\") {\n      #{$css-var-prefix}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      #{$css-var-prefix}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    }\n\n    // Chevron icons\n    @if map.get($modules, \"forms/basics\") or\n      map.get($modules, \"components/accordion\") or\n      map.get($modules, \"components/dropdown\")\n    {\n      #{$css-var-prefix}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($zinc-400)}' 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    }\n\n    // Chevron icons\n    // Change the icon color to white for accordion and dropdown buttons\n    @if map.get($modules, \"components/accordion\") or map.get($modules, \"components/dropdown\") {\n      details {\n        summary {\n          $selector: '&[role=\"button\"]';\n          @if $enable-classes {\n            $selector: \"#{$selector}:not(.outline)\";\n          }\n          #{$selector} {\n            &::after {\n              filter: brightness(0) invert(1);\n            }\n          }\n        }\n      }\n    }\n\n    // Datetime icons\n    @if map.get($modules, \"forms/input-date\") {\n      #{$css-var-prefix}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($zinc-400)}' 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      #{$css-var-prefix}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($zinc-400)}' 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    }\n\n    // Search icon\n    @if map.get($modules, \"forms/input-search\") {\n      #{$css-var-prefix}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($zinc-400)}' stroke-width='1.5' 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    }\n\n    // Close icon\n    @if map.get($modules, \"components/modal\") {\n      #{$css-var-prefix}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($zinc-400)}' stroke-width='3' 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    }\n\n    // Loading icon (animated)\n    @if map.get($modules, \"components/loading\") {\n      // Inspired by https://codepen.io/aleksander351/pen/KzgKPo\n      #{$css-var-prefix}icon-loading: url(\"data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='#{functions.display-rgb($zinc-400)}' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E\");\n\n      // Change the icon color to white for buttons\n      [aria-busy=\"true\"]:not(input, select, textarea) {\n        $selector: '&:is(button, [type=\"submit\"], [type=\"button\"], [type=\"reset\"], [role=\"button\"])';\n        @if $enable-classes {\n          $selector: \"#{$selector}:not(.outline)\";\n        }\n        #{$selector} {\n          &::before {\n            filter: brightness(0) invert(1);\n          }\n        }\n      }\n    }\n  }\n\n  // Responsives spacings\n  @if $enable-responsive-spacings {\n    // Landmarks and section\n    @if map.get($modules, \"layout/landmarks\") or map.get($modules, \"layout/section\") {\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: 2;\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              } @else if $key == \"xxl\" {\n                $multiplier: 4.5;\n              }\n\n              #{$css-var-prefix}block-spacing-vertical: calc(\n                var(#{$css-var-prefix}spacing) * $multiplier\n              );\n            }\n          }\n        }\n      }\n    }\n\n    // Card (<article>)\n    @if map.get($modules, \"components/card\") {\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              } @else if $key == \"xxl\" {\n                $multiplier: 2.25;\n              }\n\n              #{$css-var-prefix}block-spacing-vertical: calc(\n                var(#{$css-var-prefix}spacing) * $multiplier\n              );\n              #{$css-var-prefix}block-spacing-horizontal: calc(\n                var(#{$css-var-prefix}spacing) * $multiplier\n              );\n            }\n          }\n        }\n      }\n    }\n\n    // Modal\n    @if map.get($modules, \"components/modal\") {\n      dialog > article {\n        #{$css-var-prefix}block-spacing-vertical: calc(var(#{$css-var-prefix}spacing) * 2);\n        #{$css-var-prefix}block-spacing-horizontal: var(#{$css-var-prefix}spacing);\n\n        @if map.get($breakpoints, \"sm\") {\n          @media (min-width: map.get(map.get($breakpoints, \"sm\"), \"breakpoint\")) {\n            #{$css-var-prefix}block-spacing-vertical: calc(var(#{$css-var-prefix}spacing) * 2.5);\n            #{$css-var-prefix}block-spacing-horizontal: calc(var(#{$css-var-prefix}spacing) * 1.25);\n          }\n        }\n\n        @if map.get($breakpoints, \"md\") {\n          @media (min-width: map.get(map.get($breakpoints, \"md\"), \"breakpoint\")) {\n            #{$css-var-prefix}block-spacing-vertical: calc(var(#{$css-var-prefix}spacing) * 3);\n            #{$css-var-prefix}block-spacing-horizontal: calc(var(#{$css-var-prefix}spacing) * 1.5);\n          }\n        }\n      }\n    }\n  }\n\n  // Link\n  @if map.get($modules, \"content/link\") {\n    a {\n      #{$css-var-prefix}text-decoration: underline;\n\n      // Secondary & Contrast\n      @if enable-classes {\n        &.secondary,\n        &.contrast {\n          #{$css-var-prefix}text-decoration: underline;\n        }\n      }\n    }\n  }\n\n  // Typography\n  @if map.get($modules, \"content/typography\") {\n    // Small\n    small {\n      #{$css-var-prefix}font-size: 0.875em;\n    }\n\n    // Headings\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6 {\n      #{$css-var-prefix}font-weight: 700;\n    }\n\n    h1 {\n      #{$css-var-prefix}font-size: 2rem;\n      #{$css-var-prefix}line-height: 1.125;\n      #{$css-var-prefix}typography-spacing-top: 3rem;\n    }\n\n    h2 {\n      #{$css-var-prefix}font-size: 1.75rem;\n      #{$css-var-prefix}line-height: 1.15;\n      #{$css-var-prefix}typography-spacing-top: 2.625rem;\n    }\n\n    h3 {\n      #{$css-var-prefix}font-size: 1.5rem;\n      #{$css-var-prefix}line-height: 1.175;\n      #{$css-var-prefix}typography-spacing-top: 2.25rem;\n    }\n\n    h4 {\n      #{$css-var-prefix}font-size: 1.25rem;\n      #{$css-var-prefix}line-height: 1.2;\n      #{$css-var-prefix}typography-spacing-top: 1.874rem;\n    }\n\n    h5 {\n      #{$css-var-prefix}font-size: 1.125rem;\n      #{$css-var-prefix}line-height: 1.225;\n      #{$css-var-prefix}typography-spacing-top: 1.6875rem;\n    }\n\n    h6 {\n      #{$css-var-prefix}font-size: 1rem;\n      #{$css-var-prefix}line-height: 1.25;\n      #{$css-var-prefix}typography-spacing-top: 1.5rem;\n    }\n  }\n\n  // Table\n  @if map.get($modules, \"content/table\") {\n    thead,\n    tfoot {\n      th,\n      td {\n        #{$css-var-prefix}font-weight: 600;\n        #{$css-var-prefix}border-width: 0.1875rem;\n      }\n    }\n  }\n\n  // Code\n  @if map.get($modules, \"content/code\") {\n    pre,\n    code,\n    kbd,\n    samp {\n      #{$css-var-prefix}font-family: var(#{$css-var-prefix}font-family-monospace);\n    }\n\n    kbd {\n      #{$css-var-prefix}font-weight: bolder;\n    }\n  }\n\n  // Inputs and Selects\n  input:not(\n      [type=\"submit\"],\n      [type=\"button\"],\n      [type=\"reset\"],\n      [type=\"checkbox\"],\n      [type=\"radio\"],\n      [type=\"file\"]\n    ),\n  :where(select, textarea) {\n    #{$css-var-prefix}outline-width: 0.0625rem;\n  }\n\n  [type=\"search\"] {\n    #{$css-var-prefix}border-radius: 5rem;\n  }\n\n  // Checkboxes, Radios and Switches\n  @if map.get($modules, \"forms/checkbox-radio-switch\") {\n    [type=\"checkbox\"],\n    [type=\"radio\"] {\n      #{$css-var-prefix}border-width: 0.125rem;\n    }\n\n    [type=\"checkbox\"][role=\"switch\"] {\n      #{$css-var-prefix}border-width: 0.1875rem;\n    }\n  }\n\n  // Dropdown (details.dropdown)\n  @if map.get($modules, \"components/dropdown\") and $enable-classes {\n    details.dropdown {\n      summary:not([role=\"button\"]) {\n        #{$css-var-prefix}outline-width: 0.0625rem;\n      }\n    }\n    nav {\n      details.dropdown {\n        summary:focus-visible {\n          #{$css-var-prefix}outline-width: 0.125rem;\n        }\n      }\n    }\n  }\n\n  // Group (role=\"group\")\n  @if map.get($modules, \"components/group\") {\n    [role=\"search\"] {\n      #{$css-var-prefix}border-radius: 5rem;\n    }\n\n    [role=\"search\"],\n    [role=\"group\"] {\n      @if $enable-classes {\n        &:has(\n            button.secondary:focus,\n            [type=\"submit\"].secondary:focus,\n            [type=\"button\"].secondary:focus,\n            [role=\"button\"].secondary:focus\n          ) {\n          #{$css-var-prefix}group-box-shadow-focus-with-button: 0\n            0\n            0\n            var(#{$css-var-prefix}outline-width)\n            var(#{$css-var-prefix}secondary-focus);\n        }\n\n        &:has(\n            button.contrast:focus,\n            [type=\"submit\"].contrast:focus,\n            [type=\"button\"].contrast:focus,\n            [role=\"button\"].contrast:focus\n          ) {\n          #{$css-var-prefix}group-box-shadow-focus-with-button: 0\n            0\n            0\n            var(#{$css-var-prefix}outline-width)\n            var(#{$css-var-prefix}contrast-focus);\n        }\n      }\n\n      button,\n      [type=\"submit\"],\n      [type=\"button\"],\n      [role=\"button\"] {\n        #{$css-var-prefix}form-element-spacing-horizontal: 2rem;\n      }\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../../settings\" as *;\n\n@use \"light\";\n@use \"dark\";\n\n@if map.get($modules, \"themes/default\") {\n  /**\n   * Color schemes\n   */\n\n  // Light color scheme (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 color scheme (Auto)\n  // Automatically enabled if user has Dark mode enabled\n  @media only screen and (prefers-color-scheme: dark) {\n    :root:not([data-theme]) {\n      @include dark.theme;\n    }\n  }\n\n  // Dark color scheme (Forced)\n  // Enabled if forced with data-theme=\"dark\"\n  [data-theme=\"dark\"] {\n    @include dark.theme;\n  }\n\n  progress,\n  [type=\"checkbox\"],\n  [type=\"radio\"],\n  [type=\"range\"] {\n    accent-color: var(#{$css-var-prefix}primary);\n  }\n}\n","@use \"sass:map\";\n@use \"../../colors\" as *;\n@use \"../../settings\" as *;\n@use \"../../utils/box-shadow\";\n@use \"../../utils/functions\";\n@use \"theme-colors\";\n\n// Default: Light theme\n@mixin theme {\n  #{$css-var-prefix}background-color: #{$white};\n\n  // Text color\n  #{$css-var-prefix}color: #{$zinc-750};\n\n  // Text selection color\n  #{$css-var-prefix}text-selection-color: theme-colors.get(\"text-selection-color\", \"light\");\n\n  // Muted colors\n  #{$css-var-prefix}muted-color: #{$zinc-550};\n  #{$css-var-prefix}muted-border-color: #{mix($slate-100, $slate-50)};\n\n  // Primary colors\n  #{$css-var-prefix}primary: theme-colors.get(\"primary\", \"light\");\n  #{$css-var-prefix}primary-background: theme-colors.get(\"primary-background\", \"light\");\n  #{$css-var-prefix}primary-border: var(#{$css-var-prefix}primary-background);\n  #{$css-var-prefix}primary-underline: theme-colors.get(\"primary-underline\", \"light\");\n  #{$css-var-prefix}primary-hover: theme-colors.get(\"primary-hover\", \"light\");\n  #{$css-var-prefix}primary-hover-background: theme-colors.get(\"primary-hover-background\", \"light\");\n  #{$css-var-prefix}primary-hover-border: var(#{$css-var-prefix}primary-hover-background);\n  #{$css-var-prefix}primary-hover-underline: var(#{$css-var-prefix}primary-hover);\n  #{$css-var-prefix}primary-focus: theme-colors.get(\"primary-focus\", \"light\");\n  #{$css-var-prefix}primary-inverse: theme-colors.get(\"primary-inverse\", \"light\");\n\n  // Secondary colors\n  #{$css-var-prefix}secondary: #{$slate-550};\n  #{$css-var-prefix}secondary-background: #{$slate-600};\n  #{$css-var-prefix}secondary-border: var(#{$css-var-prefix}secondary-background);\n  #{$css-var-prefix}secondary-underline: #{rgba($slate-550, 0.5)};\n  #{$css-var-prefix}secondary-hover: #{$slate-650};\n  #{$css-var-prefix}secondary-hover-background: #{$slate-650};\n  #{$css-var-prefix}secondary-hover-border: var(#{$css-var-prefix}secondary-hover-background);\n  #{$css-var-prefix}secondary-hover-underline: var(#{$css-var-prefix}secondary-hover);\n  #{$css-var-prefix}secondary-focus: #{rgba($slate-550, 0.25)};\n  #{$css-var-prefix}secondary-inverse: #{$white};\n\n  // Contrast colors\n  #{$css-var-prefix}contrast: #{$slate-900};\n  #{$css-var-prefix}contrast-background: #{$slate-900};\n  #{$css-var-prefix}contrast-border: var(#{$css-var-prefix}contrast-background);\n  #{$css-var-prefix}contrast-underline: #{rgba($slate-900, 0.5)};\n  #{$css-var-prefix}contrast-hover: #{$black};\n  #{$css-var-prefix}contrast-hover-background: #{$black};\n  #{$css-var-prefix}contrast-hover-border: var(#{$css-var-prefix}contrast-hover-background);\n  #{$css-var-prefix}contrast-hover-underline: var(#{$css-var-prefix}secondary-hover);\n  #{$css-var-prefix}contrast-focus: #{rgba($slate-550, 0.25)};\n  #{$css-var-prefix}contrast-inverse: #{$white};\n\n  // Box shadow\n  #{$css-var-prefix}box-shadow: box-shadow.shadow($slate-400);\n\n  // Typography\n  @if map.get($modules, \"content/typography\") {\n    // Headings colors\n    #{$css-var-prefix}h1-color: #{$zinc-800};\n    #{$css-var-prefix}h2-color: #{$zinc-750};\n    #{$css-var-prefix}h3-color: #{$zinc-700};\n    #{$css-var-prefix}h4-color: #{$zinc-650};\n    #{$css-var-prefix}h5-color: #{$zinc-600};\n    #{$css-var-prefix}h6-color: #{$zinc-550};\n\n    // Highlighted text (<mark>)\n    #{$css-var-prefix}mark-background-color: #{mix($amber-100, $amber-50)};\n    #{$css-var-prefix}mark-color: #{$zinc-950};\n\n    // Inserted (<ins>) & Deleted (<del>)\n    #{$css-var-prefix}ins-color: #{mix($jade-450, $zinc-750)};\n    #{$css-var-prefix}del-color: #{mix($red-500, $zinc-750)};\n\n    // Blockquote\n    #{$css-var-prefix}blockquote-border-color: var(#{$css-var-prefix}muted-border-color);\n    #{$css-var-prefix}blockquote-footer-color: var(#{$css-var-prefix}muted-color);\n  }\n\n  // Button\n  @if map.get($modules, \"content/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    #{$css-var-prefix}button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    #{$css-var-prefix}button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  }\n\n  // Table\n  @if map.get($modules, \"content/table\") {\n    #{$css-var-prefix}table-border-color: var(#{$css-var-prefix}muted-border-color);\n    #{$css-var-prefix}table-row-stripped-background-color: #{rgba($zinc-500, 0.0375)};\n  }\n\n  // Code\n  @if map.get($modules, \"content/code\") {\n    #{$css-var-prefix}code-background-color: #{mix($slate-50, $white, 75%)};\n    #{$css-var-prefix}code-color: #{$zinc-550};\n    #{$css-var-prefix}code-kbd-background-color: var(#{$css-var-prefix}color);\n    #{$css-var-prefix}code-kbd-color: var(#{$css-var-prefix}background-color);\n  }\n\n  // Form elements\n  @if map.get($modules, \"forms/basics\") {\n    #{$css-var-prefix}form-element-background-color: #{mix($slate-50, $white, 25%)};\n    #{$css-var-prefix}form-element-selected-background-color: #{$slate-100};\n    #{$css-var-prefix}form-element-border-color: #{$slate-150};\n    #{$css-var-prefix}form-element-color: #{$zinc-850};\n    #{$css-var-prefix}form-element-placeholder-color: var(#{$css-var-prefix}muted-color);\n    #{$css-var-prefix}form-element-active-background-color: #{$white};\n    #{$css-var-prefix}form-element-active-border-color: var(#{$css-var-prefix}primary-border);\n    #{$css-var-prefix}form-element-focus-color: var(#{$css-var-prefix}primary-border);\n    #{$css-var-prefix}form-element-disabled-background-color: var(\n      #{$css-var-prefix}form-element-background-color\n    );\n    #{$css-var-prefix}form-element-disabled-border-color: var(\n      #{$css-var-prefix}form-element-border-color\n    );\n    #{$css-var-prefix}form-element-disabled-opacity: 0.5;\n    #{$css-var-prefix}form-element-invalid-border-color: #{mix($red-500, $zinc-350)};\n    #{$css-var-prefix}form-element-invalid-active-border-color: #{mix($red-500, $zinc-350, 75%)};\n    #{$css-var-prefix}form-element-invalid-focus-color: var(\n      #{$css-var-prefix}form-element-invalid-active-border-color\n    );\n    #{$css-var-prefix}form-element-valid-border-color: #{mix($jade-450, $zinc-350)};\n    #{$css-var-prefix}form-element-valid-active-border-color: #{mix($jade-450, $zinc-350, 75%)};\n    #{$css-var-prefix}form-element-valid-focus-color: var(\n      #{$css-var-prefix}form-element-valid-active-border-color\n    );\n\n    // Focus for buttons, radio and select\n    input:is(\n        [type=\"submit\"],\n        [type=\"button\"],\n        [type=\"reset\"],\n        [type=\"checkbox\"],\n        [type=\"radio\"],\n        [type=\"file\"]\n      ) {\n      #{$css-var-prefix}form-element-focus-color: var(#{$css-var-prefix}primary-focus);\n    }\n  }\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  @if map.get($modules, \"forms/checkbox-radio-switch\") {\n    #{$css-var-prefix}switch-background-color: #{$slate-200};\n    #{$css-var-prefix}switch-color: var(#{$css-var-prefix}primary-inverse);\n    #{$css-var-prefix}switch-checked-background-color: var(#{$css-var-prefix}primary-background);\n  }\n\n  // Range (input[type=\"range\"])\n  @if map.get($modules, \"forms/input-range\") {\n    #{$css-var-prefix}range-border-color: #{$slate-100};\n    #{$css-var-prefix}range-active-border-color: #{$slate-200};\n    #{$css-var-prefix}range-thumb-border-color: var(#{$css-var-prefix}background-color);\n    #{$css-var-prefix}range-thumb-color: var(#{$css-var-prefix}secondary-background);\n    #{$css-var-prefix}range-thumb-active-color: var(#{$css-var-prefix}primary-background);\n  }\n\n  // Accordion (<details>)\n  @if map.get($modules, \"components/accordion\") {\n    #{$css-var-prefix}accordion-border-color: var(#{$css-var-prefix}muted-border-color);\n    #{$css-var-prefix}accordion-active-summary-color: var(#{$css-var-prefix}primary-hover);\n    #{$css-var-prefix}accordion-close-summary-color: var(#{$css-var-prefix}color);\n    #{$css-var-prefix}accordion-open-summary-color: var(#{$css-var-prefix}muted-color);\n  }\n\n  // Card (<article>)\n  @if map.get($modules, \"components/card\") {\n    #{$css-var-prefix}card-background-color: var(#{$css-var-prefix}background-color);\n    #{$css-var-prefix}card-border-color: var(#{$css-var-prefix}muted-border-color);\n    #{$css-var-prefix}card-box-shadow: var(#{$css-var-prefix}box-shadow);\n    #{$css-var-prefix}card-sectioning-background-color: #{mix($slate-50, $white, 25%)};\n  }\n\n  // Dropdown (details.dropdown)\n  @if map.get($modules, \"components/dropdown\") and $enable-classes {\n    #{$css-var-prefix}dropdown-background-color: #{$white};\n    #{$css-var-prefix}dropdown-border-color: #{$slate-50};\n    #{$css-var-prefix}dropdown-box-shadow: var(#{$css-var-prefix}box-shadow);\n    #{$css-var-prefix}dropdown-color: var(#{$css-var-prefix}color);\n    #{$css-var-prefix}dropdown-hover-background-color: #{$slate-50};\n  }\n\n  // Loading ([aria-busy=true])\n  @if map.get($modules, \"components/loading\") {\n    #{$css-var-prefix}loading-spinner-opacity: 0.5;\n  }\n\n  // Modal (<dialog>)\n  @if map.get($modules, \"components/modal\") {\n    #{$css-var-prefix}modal-overlay-background-color: #{rgba(mix($zinc-100, $zinc-50), 0.75)};\n  }\n\n  // Progress\n  @if map.get($modules, \"components/progress\") {\n    #{$css-var-prefix}progress-background-color: #{$slate-100};\n    #{$css-var-prefix}progress-color: var(#{$css-var-prefix}primary-background);\n  }\n\n  // Tooltip ([data-tooltip])\n  @if map.get($modules, \"components/tooltip\") {\n    #{$css-var-prefix}tooltip-background-color: var(#{$css-var-prefix}contrast-background);\n    #{$css-var-prefix}tooltip-color: var(#{$css-var-prefix}contrast-inverse);\n  }\n\n  // Form validation icons\n  @if map.get($modules, \"forms/basics\") {\n    #{$css-var-prefix}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(mix($jade-450, $zinc-350))}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    #{$css-var-prefix}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(mix($red-500, $zinc-350, 75%))}' 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  }\n\n  // Document\n  color-scheme: light;\n}\n","@use \"sass:map\";\n@use \"../../colors\" as *;\n@use \"../../settings\" as *;\n@use \"../../utils/box-shadow\";\n@use \"../../utils/functions\";\n@use \"theme-colors\";\n\n// Default: Dark theme\n@mixin theme {\n  #{$css-var-prefix}background-color: #{mix($slate-950, $slate-900)};\n\n  // Text color\n  #{$css-var-prefix}color: #{$zinc-200};\n\n  // Text selection color\n  #{$css-var-prefix}text-selection-color: theme-colors.get(\"text-selection-color\", \"dark\");\n\n  // Muted colors\n  #{$css-var-prefix}muted-color: #{$zinc-450};\n  #{$css-var-prefix}muted-border-color: #{$slate-850};\n\n  // Primary colors\n  #{$css-var-prefix}primary: theme-colors.get(\"primary\", \"dark\");\n  #{$css-var-prefix}primary-background: theme-colors.get(\"primary-background\", \"dark\");\n  #{$css-var-prefix}primary-border: var(#{$css-var-prefix}primary-background);\n  #{$css-var-prefix}primary-underline: theme-colors.get(\"primary-underline\", \"dark\");\n  #{$css-var-prefix}primary-hover: theme-colors.get(\"primary-hover\", \"dark\");\n  #{$css-var-prefix}primary-hover-background: theme-colors.get(\"primary-hover-background\", \"dark\");\n  #{$css-var-prefix}primary-hover-border: var(#{$css-var-prefix}primary-hover-background);\n  #{$css-var-prefix}primary-hover-underline: var(#{$css-var-prefix}primary-hover);\n  #{$css-var-prefix}primary-focus: theme-colors.get(\"primary-focus\", \"dark\");\n  #{$css-var-prefix}primary-inverse: theme-colors.get(\"primary-inverse\", \"dark\");\n\n  // Secondary colors\n  #{$css-var-prefix}secondary: #{$zinc-350};\n  #{$css-var-prefix}secondary-background: #{$slate-600};\n  #{$css-var-prefix}secondary-border: var(#{$css-var-prefix}secondary-background);\n  #{$css-var-prefix}secondary-underline: #{rgba($zinc-350, 0.5)};\n  #{$css-var-prefix}secondary-hover: #{$zinc-250};\n  #{$css-var-prefix}secondary-hover-background: #{$slate-550};\n  #{$css-var-prefix}secondary-hover-border: var(#{$css-var-prefix}secondary-hover-background);\n  #{$css-var-prefix}secondary-hover-underline: var(#{$css-var-prefix}secondary-hover);\n  #{$css-var-prefix}secondary-focus: #{rgba($slate-350, 0.25)};\n  #{$css-var-prefix}secondary-inverse: #{$white};\n\n  // Contrast colors\n  #{$css-var-prefix}contrast: #{$slate-100};\n  #{$css-var-prefix}contrast-background: #{$slate-50};\n  #{$css-var-prefix}contrast-border: var(#{$css-var-prefix}contrast-background);\n  #{$css-var-prefix}contrast-underline: #{rgba($slate-100, 0.5)};\n  #{$css-var-prefix}contrast-hover: #{$white};\n  #{$css-var-prefix}contrast-hover-background: #{$white};\n  #{$css-var-prefix}contrast-hover-border: var(#{$css-var-prefix}contrast-hover-background);\n  #{$css-var-prefix}contrast-hover-underline: var(#{$css-var-prefix}contrast-hover);\n  #{$css-var-prefix}contrast-focus: #{rgba($slate-150, 0.25)};\n  #{$css-var-prefix}contrast-inverse: #{$black};\n\n  // Box shadow\n  #{$css-var-prefix}box-shadow: box-shadow.shadow($black);\n\n  // Typography\n  @if map.get($modules, \"content/typography\") {\n    // Headings colors\n    #{$css-var-prefix}h1-color: #{$zinc-50};\n    #{$css-var-prefix}h2-color: #{$zinc-100};\n    #{$css-var-prefix}h3-color: #{$zinc-200};\n    #{$css-var-prefix}h4-color: #{$zinc-250};\n    #{$css-var-prefix}h5-color: #{$zinc-300};\n    #{$css-var-prefix}h6-color: #{$zinc-400};\n\n    // Highlighted text (<mark>)\n    #{$css-var-prefix}mark-background-color: #{$azure-750};\n    #{$css-var-prefix}mark-color: #{$white};\n\n    // Inserted (<ins>) & Deleted (<del>)\n    #{$css-var-prefix}ins-color: #{mix($jade-450, $zinc-200)};\n    #{$css-var-prefix}del-color: #{mix($red-500, $zinc-200)};\n\n    // Blockquote\n    #{$css-var-prefix}blockquote-border-color: var(#{$css-var-prefix}muted-border-color);\n    #{$css-var-prefix}blockquote-footer-color: var(#{$css-var-prefix}muted-color);\n  }\n\n  // Button\n  @if map.get($modules, \"content/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    #{$css-var-prefix}button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n    #{$css-var-prefix}button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);\n  }\n\n  // Table\n  @if map.get($modules, \"content/table\") {\n    #{$css-var-prefix}table-border-color: var(#{$css-var-prefix}muted-border-color);\n    #{$css-var-prefix}table-row-stripped-background-color: #{rgba($zinc-500, 0.0375)};\n  }\n\n  // Code\n  @if map.get($modules, \"content/code\") {\n    #{$css-var-prefix}code-background-color: #{mix($slate-900, $slate-850, 75%)};\n    #{$css-var-prefix}code-color: #{$zinc-400};\n    #{$css-var-prefix}code-kbd-background-color: var(#{$css-var-prefix}color);\n    #{$css-var-prefix}code-kbd-color: var(#{$css-var-prefix}background-color);\n  }\n\n  // Form elements\n  @if map.get($modules, \"forms/basics\") {\n    #{$css-var-prefix}form-element-background-color: #{mix($slate-900, $slate-850)};\n    #{$css-var-prefix}form-element-selected-background-color: #{$slate-800};\n    #{$css-var-prefix}form-element-border-color: #{$slate-800};\n    #{$css-var-prefix}form-element-color: #{$zinc-100};\n    #{$css-var-prefix}form-element-placeholder-color: #{$zinc-400};\n    #{$css-var-prefix}form-element-active-background-color: #{mix($slate-900, $slate-850, 75%)};\n    #{$css-var-prefix}form-element-active-border-color: var(#{$css-var-prefix}primary-border);\n    #{$css-var-prefix}form-element-focus-color: var(#{$css-var-prefix}primary-border);\n    #{$css-var-prefix}form-element-disabled-background-color: var(\n      #{$css-var-prefix}form-element-background-color\n    );\n    #{$css-var-prefix}form-element-disabled-border-color: var(\n      #{$css-var-prefix}form-element-border-color\n    );\n    #{$css-var-prefix}form-element-disabled-opacity: 0.5;\n    #{$css-var-prefix}form-element-invalid-border-color: #{mix($red-500, $slate-600)};\n    #{$css-var-prefix}form-element-invalid-active-border-color: #{mix($red-500, $slate-600, 75%)};\n    #{$css-var-prefix}form-element-invalid-focus-color: var(\n      #{$css-var-prefix}form-element-invalid-active-border-color\n    );\n    #{$css-var-prefix}form-element-valid-border-color: #{mix($jade-450, $slate-600)};\n    #{$css-var-prefix}form-element-valid-active-border-color: #{mix($jade-450, $slate-600, 75%)};\n    #{$css-var-prefix}form-element-valid-focus-color: var(\n      #{$css-var-prefix}form-element-valid-active-border-color\n    );\n\n    // Focus for buttons, radio and select\n    input:is(\n        [type=\"submit\"],\n        [type=\"button\"],\n        [type=\"reset\"],\n        [type=\"checkbox\"],\n        [type=\"radio\"],\n        [type=\"file\"]\n      ) {\n      #{$css-var-prefix}form-element-focus-color: var(#{$css-var-prefix}primary-focus);\n    }\n  }\n\n  // Switch (input[type=\"checkbox\"][role=\"switch\"])\n  @if map.get($modules, \"forms/checkbox-radio-switch\") {\n    #{$css-var-prefix}switch-background-color: #{$slate-750};\n    #{$css-var-prefix}switch-color: var(#{$css-var-prefix}primary-inverse);\n    #{$css-var-prefix}switch-checked-background-color: var(#{$css-var-prefix}primary-background);\n  }\n\n  // Range (input[type=\"range\"])\n  @if map.get($modules, \"forms/input-range\") {\n    #{$css-var-prefix}range-border-color: #{$slate-850};\n    #{$css-var-prefix}range-active-border-color: #{$slate-800};\n    #{$css-var-prefix}range-thumb-border-color: var(#{$css-var-prefix}background-color);\n    #{$css-var-prefix}range-thumb-color: var(#{$css-var-prefix}secondary-background);\n    #{$css-var-prefix}range-thumb-active-color: var(#{$css-var-prefix}primary-background);\n  }\n\n  // Accordion (<details>)\n  @if map.get($modules, \"components/accordion\") {\n    #{$css-var-prefix}accordion-border-color: var(#{$css-var-prefix}muted-border-color);\n    #{$css-var-prefix}accordion-active-summary-color: var(#{$css-var-prefix}primary-hover);\n    #{$css-var-prefix}accordion-close-summary-color: var(#{$css-var-prefix}color);\n    #{$css-var-prefix}accordion-open-summary-color: var(#{$css-var-prefix}muted-color);\n  }\n\n  // Card (<article>)\n  @if map.get($modules, \"components/card\") {\n    #{$css-var-prefix}card-background-color: #{$slate-900};\n    #{$css-var-prefix}card-border-color: var(#{$css-var-prefix}card-background-color);\n    #{$css-var-prefix}card-box-shadow: var(#{$css-var-prefix}box-shadow);\n    #{$css-var-prefix}card-sectioning-background-color: #{mix($slate-900, $slate-850, 75%)};\n  }\n\n  // Dropdown (details.dropdown)\n  @if map.get($modules, \"components/dropdown\") and $enable-classes {\n    #{$css-var-prefix}dropdown-background-color: #{$slate-900};\n    #{$css-var-prefix}dropdown-border-color: #{$slate-850};\n    #{$css-var-prefix}dropdown-box-shadow: var(#{$css-var-prefix}box-shadow);\n    #{$css-var-prefix}dropdown-color: var(#{$css-var-prefix}color);\n    #{$css-var-prefix}dropdown-hover-background-color: #{$slate-850};\n  }\n\n  // Loading ([aria-busy=true])\n  @if map.get($modules, \"components/loading\") {\n    #{$css-var-prefix}loading-spinner-opacity: 0.5;\n  }\n\n  // Modal (<dialog>)\n  @if map.get($modules, \"components/modal\") {\n    #{$css-var-prefix}modal-overlay-background-color: #{rgba(mix($black, $zinc-950), 0.75)};\n  }\n\n  // Progress\n  @if map.get($modules, \"components/progress\") {\n    #{$css-var-prefix}progress-background-color: #{$slate-850};\n    #{$css-var-prefix}progress-color: var(#{$css-var-prefix}primary-background);\n  }\n\n  // Tooltip ([data-tooltip])\n  @if map.get($modules, \"components/tooltip\") {\n    #{$css-var-prefix}tooltip-background-color: var(#{$css-var-prefix}contrast-background);\n    #{$css-var-prefix}tooltip-color: var(#{$css-var-prefix}contrast-inverse);\n  }\n\n  // Chevron icons\n  @if map.get($modules, \"components/accordion\") or map.get($modules, \"components/dropdown\") {\n    // Change the icon color to black for accordion and dropdown .contrast buttons\n    @if $enable-classes {\n      details {\n        summary {\n          &[role=\"button\"].contrast:not(.outline) {\n            &::after {\n              filter: brightness(0);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  // Form validation icons\n  @if map.get($modules, \"forms/basics\") {\n    #{$css-var-prefix}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(mix($jade-450, $slate-600))}' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E\");\n    #{$css-var-prefix}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(mix($red-500, $slate-600))}' 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  }\n\n  // Loading icon (animated)\n  @if map.get($modules, \"components/loading\") {\n    // Change the icon color to black for .contrast buttons\n    @if $enable-classes {\n      [aria-busy=\"true\"]:not(input, select, textarea) {\n        &.contrast:is(\n            button,\n            [type=\"submit\"],\n            [type=\"button\"],\n            [type=\"reset\"],\n            [role=\"button\"]\n          ):not(.outline) {\n          &::before {\n            filter: brightness(0);\n          }\n        }\n      }\n    }\n  }\n\n  // Document\n  color-scheme: dark;\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"layout/document\") {\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(#{$css-var-prefix}background-color);\n    color: var(#{$css-var-prefix}color);\n    font-weight: var(#{$css-var-prefix}font-weight);\n    font-size: var(#{$css-var-prefix}font-size);\n    line-height: var(#{$css-var-prefix}line-height); // 2\n    font-family: var(#{$css-var-prefix}font-family);\n    text-underline-offset: var(#{$css-var-prefix}text-underline-offset);\n    text-rendering: optimizeLegibility;\n    overflow-wrap: break-word; // 3\n    cursor: default; // 1\n    tab-size: 4; // 4\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"layout/landmarks\") {\n  /**\n   * Landmarks\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. Remove the margin in all browsers (opinionated)\n  body {\n    width: 100%;\n    margin: 0; // 1\n  }\n\n  // Render the `main` element consistently in IE\n  main {\n    display: block;\n  }\n\n  // Pico\n  // ––––––––––––––––––––\n  #{$semantic-root-element} {\n    > header,\n    > main,\n    > footer {\n      // <header>, <main>, <footer> as containers\n      @if $enable-semantic-container {\n        $first-breakpoint: true;\n        width: 100%;\n        margin-right: auto;\n        margin-left: auto;\n        padding: var(#{$css-var-prefix}block-spacing-vertical)\n          var(#{$css-var-prefix}block-spacing-horizontal);\n\n        @if $enable-viewport {\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\n      // Regular vertical spacings for <header>, <main>, <footer>\n      @else {\n        padding: var(#{$css-var-prefix}block-spacing-vertical) 0;\n      }\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"layout/container\") and $enable-classes {\n  /**\n   * Container\n   */\n\n  .container,\n  .container-fluid {\n    width: 100%;\n    margin-right: auto;\n    margin-left: auto;\n    padding-right: var(#{$css-var-prefix}spacing);\n    padding-left: var(#{$css-var-prefix}spacing);\n  }\n\n  .container {\n    $first-breakpoint: true;\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","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"layout/section\") {\n  /**\n   * Section\n   */\n\n  section {\n    margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"layout/grid\") and $enable-classes {\n  /**\n   * Grid\n   * Minimal grid system with auto-layout columns\n   */\n\n  .grid {\n    grid-column-gap: var(#{$css-var-prefix}grid-column-gap);\n    grid-row-gap: var(#{$css-var-prefix}grid-row-gap);\n    display: grid;\n    grid-template-columns: 1fr;\n\n    @if map.get($breakpoints, \"md\") {\n      @media (min-width: map.get(map.get($breakpoints, \"md\"), \"breakpoint\")) {\n        grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));\n      }\n    }\n\n    & > * {\n      min-width: 0; // HACK for childs in overflow\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"layout/scroller\") {\n  /**\n   * Horizontal scroller (<figure>)\n   */\n\n  // Wrapper to make allow any content to be scrolled horizontally\n  figure {\n    display: block;\n    margin: 0;\n    padding: 0;\n    overflow-x: auto;\n\n    figcaption {\n      padding: calc(var(#{$css-var-prefix}spacing) * 0.5) 0;\n      color: var(#{$css-var-prefix}muted-color);\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"content/link\") {\n  /**\n   * Link\n   */\n\n  :where(a:not([role=\"button\"])),\n  [role=\"link\"] {\n    #{$css-var-prefix}color: var(#{$css-var-prefix}primary);\n    #{$css-var-prefix}background-color: transparent;\n    #{$css-var-prefix}underline: var(#{$css-var-prefix}primary-underline);\n    outline: none;\n    background-color: var(#{$css-var-prefix}background-color); // 1\n    color: var(#{$css-var-prefix}color);\n    text-decoration: var(#{$css-var-prefix}text-decoration);\n    text-decoration-color: var(#{$css-var-prefix}underline);\n    text-underline-offset: 0.125em;\n\n    @if $enable-transitions {\n      transition:\n        background-color var(#{$css-var-prefix}transition),\n        color var(#{$css-var-prefix}transition),\n        text-decoration var(#{$css-var-prefix}transition),\n        box-shadow var(#{$css-var-prefix}transition);\n    }\n\n    &:is([aria-current]:not([aria-current=\"false\"]), :hover, :active, :focus) {\n      #{$css-var-prefix}color: var(#{$css-var-prefix}primary-hover);\n      #{$css-var-prefix}underline: var(#{$css-var-prefix}primary-hover-underline);\n      #{$css-var-prefix}text-decoration: underline;\n    }\n\n    &:focus-visible {\n      box-shadow: 0 0 0 var(#{$css-var-prefix}outline-width) var(#{$css-var-prefix}primary-focus);\n    }\n\n    @if $enable-classes {\n      // Secondary\n      &.secondary {\n        #{$css-var-prefix}color: var(#{$css-var-prefix}secondary);\n        #{$css-var-prefix}underline: var(#{$css-var-prefix}secondary-underline);\n\n        &:is([aria-current]:not([aria-current=\"false\"]), :hover, :active, :focus) {\n          #{$css-var-prefix}color: var(#{$css-var-prefix}secondary-hover);\n          #{$css-var-prefix}underline: var(#{$css-var-prefix}secondary-hover-underline);\n        }\n      }\n\n      // Contrast\n      &.contrast {\n        #{$css-var-prefix}color: var(#{$css-var-prefix}contrast);\n        #{$css-var-prefix}underline: var(#{$css-var-prefix}contrast-underline);\n\n        &:is([aria-current]:not([aria-current=\"false\"]), :hover, :active, :focus) {\n          #{$css-var-prefix}color: var(#{$css-var-prefix}contrast-hover);\n          #{$css-var-prefix}underline: var(#{$css-var-prefix}contrast-hover-underline);\n        }\n      }\n    }\n  }\n\n  a {\n    &[role=\"button\"] {\n      display: inline-block;\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"content/typography\") {\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\n  b,\n  strong {\n    font-weight: bolder;\n  }\n\n  // Prevent `sub` and `sup` elements from affecting the line height in all browsers\n  sub,\n  sup {\n    position: relative;\n    font-size: 0.75em;\n    line-height: 0;\n    vertical-align: baseline;\n  }\n  sub {\n    bottom: -0.25em;\n  }\n  sup {\n    top: -0.5em;\n  }\n\n  // Pico\n  // ––––––––––––––––––––\n\n  address,\n  blockquote,\n  dl,\n  ol,\n  p,\n  pre,\n  table,\n  ul {\n    margin-top: 0;\n    margin-bottom: var(#{$css-var-prefix}typography-spacing-vertical);\n    color: var(#{$css-var-prefix}color);\n    font-style: normal;\n    font-weight: var(#{$css-var-prefix}font-weight);\n  }\n\n  // Headings\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin-top: 0;\n    margin-bottom: var(#{$css-var-prefix}typography-spacing-vertical);\n    color: var(#{$css-var-prefix}color);\n    font-weight: var(#{$css-var-prefix}font-weight);\n    font-size: var(#{$css-var-prefix}font-size);\n    line-height: var(#{$css-var-prefix}line-height);\n    font-family: var(#{$css-var-prefix}font-family);\n  }\n\n  h1 {\n    #{$css-var-prefix}color: var(#{$css-var-prefix}h1-color);\n  }\n  h2 {\n    #{$css-var-prefix}color: var(#{$css-var-prefix}h2-color);\n  }\n  h3 {\n    #{$css-var-prefix}color: var(#{$css-var-prefix}h3-color);\n  }\n  h4 {\n    #{$css-var-prefix}color: var(#{$css-var-prefix}h4-color);\n  }\n  h5 {\n    #{$css-var-prefix}color: var(#{$css-var-prefix}h5-color);\n  }\n  h6 {\n    #{$css-var-prefix}color: var(#{$css-var-prefix}h6-color);\n  }\n\n  // Margin-top for headings after a block\n  :where(article, address, blockquote, dl, figure, form, ol, p, pre, table, ul) {\n    ~ :is(h1, h2, h3, h4, h5, h6) {\n      margin-top: var(#{$css-var-prefix}typography-spacing-top);\n    }\n  }\n\n  // Paragraphs\n  p {\n    margin-bottom: var(#{$css-var-prefix}typography-spacing-vertical);\n  }\n\n  // Heading group\n  hgroup {\n    margin-bottom: var(#{$css-var-prefix}typography-spacing-vertical);\n\n    > * {\n      margin-top: 0;\n      margin-bottom: 0;\n    }\n\n    > *:not(:first-child):last-child {\n      #{$css-var-prefix}color: var(#{$css-var-prefix}muted-color);\n      #{$css-var-prefix}font-weight: unset;\n      font-size: 1rem;\n    }\n  }\n\n  // Lists\n  :where(ol, ul) {\n    li {\n      margin-bottom: calc(var(#{$css-var-prefix}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) :where(dl, ol, ul) {\n    margin: 0; // 1\n    margin-top: calc(var(#{$css-var-prefix}typography-spacing-vertical) * 0.25);\n  }\n\n  ul li {\n    list-style: square;\n  }\n\n  // Highlighted text\n  mark {\n    padding: 0.125rem 0.25rem;\n    background-color: var(#{$css-var-prefix}mark-background-color);\n    color: var(#{$css-var-prefix}mark-color);\n    vertical-align: baseline;\n  }\n\n  // Blockquote\n  blockquote {\n    display: block;\n    margin: var(#{$css-var-prefix}typography-spacing-vertical) 0;\n    padding: var(#{$css-var-prefix}spacing);\n    border-right: none;\n    border-left: 0.25rem solid var(#{$css-var-prefix}blockquote-border-color);\n    border-inline-start: 0.25rem solid var(#{$css-var-prefix}blockquote-border-color);\n    border-inline-end: none;\n\n    footer {\n      margin-top: calc(var(#{$css-var-prefix}typography-spacing-vertical) * 0.5);\n      color: var(#{$css-var-prefix}blockquote-footer-color);\n    }\n  }\n\n  // Abbreviations\n  // 1. Remove underline decoration in Chrome, Edge, IE, Opera, and Safari\n  abbr[title] {\n    border-bottom: 1px dotted;\n    text-decoration: none; // 1\n    cursor: help;\n  }\n\n  // Ins\n  ins {\n    color: var(#{$css-var-prefix}ins-color);\n    text-decoration: none;\n  }\n\n  // del\n  del {\n    color: var(#{$css-var-prefix}del-color);\n  }\n\n  // selection\n  ::selection {\n    background-color: var(#{$css-var-prefix}text-selection-color);\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"content/embedded\") {\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-\n  audio,\n  video {\n    display: inline-block;\n  }\n\n  // Add the correct display in iOS 4-7\n  audio: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\n  img {\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\n  svg:not(:root) {\n    overflow: hidden;\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"content/button\") {\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\n  button {\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\n  button,\n  [type=\"submit\"],\n  [type=\"reset\"],\n  [type=\"button\"] {\n    -webkit-appearance: button;\n  }\n\n  // Pico\n  // ––––––––––––––––––––\n\n  button,\n  [type=\"submit\"],\n  [type=\"reset\"],\n  [type=\"button\"],\n  [type=\"file\"]::file-selector-button,\n  [role=\"button\"] {\n    #{$css-var-prefix}background-color: var(#{$css-var-prefix}primary-background);\n    #{$css-var-prefix}border-color: var(#{$css-var-prefix}primary-border);\n    #{$css-var-prefix}color: var(#{$css-var-prefix}primary-inverse);\n    #{$css-var-prefix}box-shadow: var(#{$css-var-prefix}button-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n    padding: var(#{$css-var-prefix}form-element-spacing-vertical)\n      var(#{$css-var-prefix}form-element-spacing-horizontal);\n    border: var(#{$css-var-prefix}border-width) solid var(#{$css-var-prefix}border-color);\n    border-radius: var(#{$css-var-prefix}border-radius);\n    outline: none;\n    background-color: var(#{$css-var-prefix}background-color);\n    box-shadow: var(#{$css-var-prefix}box-shadow);\n    color: var(#{$css-var-prefix}color);\n    font-weight: var(#{$css-var-prefix}font-weight);\n    font-size: 1rem;\n    line-height: var(#{$css-var-prefix}line-height);\n    text-align: center;\n    text-decoration: none;\n    cursor: pointer;\n    user-select: none;\n\n    @if $enable-transitions {\n      transition:\n        background-color var(#{$css-var-prefix}transition),\n        border-color var(#{$css-var-prefix}transition),\n        color var(#{$css-var-prefix}transition),\n        box-shadow var(#{$css-var-prefix}transition);\n    }\n\n    &:is([aria-current]:not([aria-current=\"false\"])),\n    &:is(:hover, :active, :focus) {\n      #{$css-var-prefix}background-color: var(#{$css-var-prefix}primary-hover-background);\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}primary-hover-border);\n      #{$css-var-prefix}box-shadow: var(\n        #{$css-var-prefix}button-hover-box-shadow,\n        0 0 0 rgba(0, 0, 0, 0)\n      );\n      #{$css-var-prefix}color: var(#{$css-var-prefix}primary-inverse);\n    }\n\n    &:focus,\n    &:is([aria-current]:not([aria-current=\"false\"])):focus {\n      #{$css-var-prefix}box-shadow:\n        var(#{$css-var-prefix}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n        0 0 0 var(#{$css-var-prefix}outline-width) var(#{$css-var-prefix}primary-focus);\n    }\n  }\n\n  [type=\"submit\"],\n  [type=\"reset\"],\n  [type=\"button\"] {\n    margin-bottom: var(#{$css-var-prefix}spacing);\n  }\n\n  // .secondary, .contrast & .outline\n  @if $enable-classes {\n    // Secondary\n    :is(button, [type=\"submit\"], [type=\"button\"], [role=\"button\"]).secondary,\n    [type=\"reset\"],\n    [type=\"file\"]::file-selector-button {\n      #{$css-var-prefix}background-color: var(#{$css-var-prefix}secondary-background);\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}secondary-border);\n      #{$css-var-prefix}color: var(#{$css-var-prefix}secondary-inverse);\n      cursor: pointer;\n\n      &:is([aria-current]:not([aria-current=\"false\"]), :hover, :active, :focus) {\n        #{$css-var-prefix}background-color: var(#{$css-var-prefix}secondary-hover-background);\n        #{$css-var-prefix}border-color: var(#{$css-var-prefix}secondary-hover-border);\n        #{$css-var-prefix}color: var(#{$css-var-prefix}secondary-inverse);\n      }\n\n      &:focus,\n      &:is([aria-current]:not([aria-current=\"false\"])):focus {\n        #{$css-var-prefix}box-shadow:\n          var(#{$css-var-prefix}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(#{$css-var-prefix}outline-width) var(#{$css-var-prefix}secondary-focus);\n      }\n    }\n\n    // Contrast\n    :is(button, [type=\"submit\"], [type=\"button\"], [role=\"button\"]).contrast {\n      #{$css-var-prefix}background-color: var(#{$css-var-prefix}contrast-background);\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}contrast-border);\n      #{$css-var-prefix}color: var(#{$css-var-prefix}contrast-inverse);\n\n      &:is([aria-current]:not([aria-current=\"false\"]), :hover, :active, :focus) {\n        #{$css-var-prefix}background-color: var(#{$css-var-prefix}contrast-hover-background);\n        #{$css-var-prefix}border-color: var(#{$css-var-prefix}contrast-hover-border);\n        #{$css-var-prefix}color: var(#{$css-var-prefix}contrast-inverse);\n      }\n\n      &:focus,\n      &:is([aria-current]:not([aria-current=\"false\"])):focus {\n        #{$css-var-prefix}box-shadow:\n          var(#{$css-var-prefix}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(#{$css-var-prefix}outline-width) var(#{$css-var-prefix}contrast-focus);\n      }\n    }\n\n    // Outline (primary)\n    :is(button, [type=\"submit\"], [type=\"button\"], [role=\"button\"]).outline,\n    [type=\"reset\"].outline {\n      #{$css-var-prefix}background-color: transparent;\n      #{$css-var-prefix}color: var(#{$css-var-prefix}primary);\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}primary);\n\n      &:is([aria-current]:not([aria-current=\"false\"]), :hover, :active, :focus) {\n        #{$css-var-prefix}background-color: transparent;\n        #{$css-var-prefix}color: var(#{$css-var-prefix}primary-hover);\n        #{$css-var-prefix}border-color: var(#{$css-var-prefix}primary-hover);\n      }\n    }\n\n    // Outline (secondary)\n    :is(button, [type=\"submit\"], [type=\"button\"], [role=\"button\"]).outline.secondary,\n    [type=\"reset\"].outline {\n      #{$css-var-prefix}color: var(#{$css-var-prefix}secondary);\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}secondary);\n\n      &:is([aria-current]:not([aria-current=\"false\"]), :hover, :active, :focus) {\n        #{$css-var-prefix}color: var(#{$css-var-prefix}secondary-hover);\n        #{$css-var-prefix}border-color: var(#{$css-var-prefix}secondary-hover);\n      }\n    }\n\n    // Outline (contrast)\n    :is(button, [type=\"submit\"], [type=\"button\"], [role=\"button\"]).outline.contrast {\n      #{$css-var-prefix}color: var(#{$css-var-prefix}contrast);\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}contrast);\n\n      &:is([aria-current]:not([aria-current=\"false\"]), :hover, :active, :focus) {\n        #{$css-var-prefix}color: var(#{$css-var-prefix}contrast-hover);\n        #{$css-var-prefix}border-color: var(#{$css-var-prefix}contrast-hover);\n      }\n    }\n  } @else {\n    // Secondary button without .class\n    [type=\"reset\"],\n    [type=\"file\"]::file-selector-button {\n      #{$css-var-prefix}background-color: var(#{$css-var-prefix}secondary);\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}secondary);\n      #{$css-var-prefix}color: var(#{$css-var-prefix}secondary-inverse);\n      cursor: pointer;\n\n      &:is([aria-current]:not([aria-current=\"false\"]), :hover, :active, :focus) {\n        #{$css-var-prefix}background-color: var(#{$css-var-prefix}secondary-hover);\n        #{$css-var-prefix}border-color: var(#{$css-var-prefix}secondary-hover);\n      }\n\n      &:focus {\n        #{$css-var-prefix}box-shadow:\n          var(#{$css-var-prefix}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(#{$css-var-prefix}outline-width) var(#{$css-var-prefix}secondary-focus);\n      }\n    }\n  }\n\n  // Button [disabled]\n  :where(button, [type=\"submit\"], [type=\"reset\"], [type=\"button\"], [role=\"button\"])[disabled],\n  :where(fieldset[disabled])\n    :is(button, [type=\"submit\"], [type=\"button\"], [type=\"reset\"], [role=\"button\"]) {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"content/table\") {\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\n  th,\n  td {\n    padding: calc(var(#{$css-var-prefix}spacing) / 2) var(#{$css-var-prefix}spacing);\n    border-bottom: var(#{$css-var-prefix}border-width)\n      solid\n      var(#{$css-var-prefix}table-border-color);\n    background-color: var(#{$css-var-prefix}background-color);\n    color: var(#{$css-var-prefix}color);\n    font-weight: var(#{$css-var-prefix}font-weight);\n    text-align: left;\n    text-align: start;\n  }\n\n  // Footer\n  tfoot {\n    th,\n    td {\n      border-top: var(#{$css-var-prefix}border-width)\n        solid\n        var(#{$css-var-prefix}table-border-color);\n      border-bottom: 0;\n    }\n  }\n\n  // Striped\n  @if enable-classes {\n    table {\n      &.striped {\n        tbody tr:nth-child(odd) th,\n        tbody tr:nth-child(odd) td {\n          background-color: var(#{$css-var-prefix}table-row-stripped-background-color);\n        }\n      }\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"content/code\") {\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\n  pre,\n  code,\n  kbd,\n  samp {\n    font-size: 0.875em; // 2\n    font-family: var(#{$css-var-prefix}font-family); // 1\n  }\n\n  pre code {\n    font-size: inherit;\n    font-family: inherit;\n  }\n\n  // Prevent overflow of the container in all browsers (opinionated)\n  pre {\n    -ms-overflow-style: scrollbar;\n    overflow: auto;\n  }\n\n  // Pico\n  // ––––––––––––––––––––\n\n  pre,\n  code,\n  kbd {\n    border-radius: var(#{$css-var-prefix}border-radius);\n    background: var(#{$css-var-prefix}code-background-color);\n    color: var(#{$css-var-prefix}code-color);\n    font-weight: var(#{$css-var-prefix}font-weight);\n    line-height: initial;\n  }\n\n  code,\n  kbd {\n    display: inline-block;\n    padding: 0.375rem;\n  }\n\n  pre {\n    display: block;\n    margin-bottom: var(#{$css-var-prefix}spacing);\n    overflow-x: auto;\n\n    > code {\n      display: block;\n      padding: var(#{$css-var-prefix}spacing);\n      background: none;\n      line-height: var(#{$css-var-prefix}line-height);\n    }\n  }\n\n  // kbd\n  kbd {\n    background-color: var(#{$css-var-prefix}code-kbd-background-color);\n    color: var(#{$css-var-prefix}code-kbd-color);\n    vertical-align: baseline;\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"content/miscs\") {\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\n  hr {\n    height: 0; // 2\n    margin: var(#{$css-var-prefix}typography-spacing-vertical) 0;\n    border: 0;\n    border-top: 1px solid var(#{$css-var-prefix}muted-border-color);\n    color: inherit; // 1\n  }\n\n  // Add the correct display in IE 10+\n  [hidden],\n  template {\n    @if $enable-important {\n      display: none !important;\n    } @else {\n      display: none;\n    }\n  }\n\n  // Add the correct display in IE 9-\n  canvas {\n    display: inline-block;\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"forms/basics\") {\n  // Helper\n  $helper-previous-tags: \"input, select, textarea\";\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\n  input,\n  optgroup,\n  select,\n  textarea {\n    margin: 0; // 2\n    font-size: 1rem; // 1\n    line-height: var(#{$css-var-prefix}line-height); // 1\n    font-family: inherit; // 1\n    letter-spacing: inherit; // 2\n  }\n\n  // Show the overflow in IE.\n  input {\n    overflow: visible;\n  }\n\n  // Remove the inheritance of text transform in Edge, Firefox, and IE\n  select {\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\n  legend {\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\n  textarea {\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\n  input:not([type=\"checkbox\"], [type=\"radio\"], [type=\"range\"]) {\n    height: calc(\n      (1rem * var(#{$css-var-prefix}line-height)) +\n        (var(#{$css-var-prefix}form-element-spacing-vertical) * 2) +\n        (var(#{$css-var-prefix}border-width) * 2)\n    );\n  }\n\n  // Fieldset\n  fieldset {\n    width: 100%;\n    margin: 0;\n    margin-bottom: var(#{$css-var-prefix}spacing);\n    padding: 0;\n    border: 0;\n  }\n\n  // Label & legend\n  label,\n  fieldset legend {\n    display: block;\n    margin-bottom: calc(var(#{$css-var-prefix}spacing) * 0.375);\n    color: var(#{$css-var-prefix}color);\n    font-weight: var(#{$css-var-prefix}form-label-font-weight, var(#{$css-var-prefix}font-weight));\n  }\n\n  fieldset legend {\n    margin-bottom: calc(var(#{$css-var-prefix}spacing) * 0.5);\n  }\n\n  // Blocks, 100%\n  input:not([type=\"checkbox\"], [type=\"radio\"]),\n  button[type=\"submit\"],\n  select,\n  textarea {\n    width: 100%;\n  }\n\n  // Reset appearance (Not Checkboxes, Radios, Range and File)\n  input:not([type=\"checkbox\"], [type=\"radio\"], [type=\"range\"], [type=\"file\"]),\n  select,\n  textarea {\n    appearance: none;\n    padding: var(#{$css-var-prefix}form-element-spacing-vertical)\n      var(#{$css-var-prefix}form-element-spacing-horizontal);\n  }\n\n  // Commons styles\n  input,\n  select,\n  textarea {\n    #{$css-var-prefix}background-color: var(#{$css-var-prefix}form-element-background-color);\n    #{$css-var-prefix}border-color: var(#{$css-var-prefix}form-element-border-color);\n    #{$css-var-prefix}color: var(#{$css-var-prefix}form-element-color);\n    #{$css-var-prefix}box-shadow: none;\n    border: var(#{$css-var-prefix}border-width) solid var(#{$css-var-prefix}border-color);\n    border-radius: var(#{$css-var-prefix}border-radius);\n    outline: none;\n    background-color: var(#{$css-var-prefix}background-color);\n    box-shadow: var(#{$css-var-prefix}box-shadow);\n    color: var(#{$css-var-prefix}color);\n    font-weight: var(#{$css-var-prefix}font-weight);\n\n    @if $enable-transitions {\n      transition:\n        background-color var(#{$css-var-prefix}transition),\n        border-color var(#{$css-var-prefix}transition),\n        color var(#{$css-var-prefix}transition),\n        box-shadow var(#{$css-var-prefix}transition);\n    }\n  }\n\n  // Active & Focus\n  input:not(\n      [type=\"submit\"],\n      [type=\"button\"],\n      [type=\"reset\"],\n      [type=\"checkbox\"],\n      [type=\"radio\"],\n      [readonly]\n    ),\n  :where(select, textarea):not([readonly]) {\n    &:is(:active, :focus) {\n      #{$css-var-prefix}background-color: var(\n        #{$css-var-prefix}form-element-active-background-color\n      );\n    }\n  }\n\n  // Active & Focus\n  input:not([type=\"submit\"], [type=\"button\"], [type=\"reset\"], [role=\"switch\"], [readonly]),\n  :where(select, textarea):not([readonly]) {\n    &:is(:active, :focus) {\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}form-element-active-border-color);\n    }\n  }\n\n  // Focus\n  input:not(\n      [type=\"submit\"],\n      [type=\"button\"],\n      [type=\"reset\"],\n      [type=\"range\"],\n      [type=\"file\"],\n      [readonly]\n    ),\n  :where(select, textarea):not([readonly]) {\n    &:focus {\n      #{$css-var-prefix}box-shadow: 0\n        0\n        0\n        var(#{$css-var-prefix}outline-width)\n        var(#{$css-var-prefix}form-element-focus-color);\n    }\n  }\n\n  // Disabled\n  input:not([type=\"submit\"], [type=\"button\"], [type=\"reset\"])[disabled],\n  select[disabled],\n  textarea[disabled],\n  label[aria-disabled=\"true\"],\n  :where(fieldset[disabled])\n    :is(input:not([type=\"submit\"], [type=\"button\"], [type=\"reset\"]), select, textarea) {\n    #{$css-var-prefix}background-color: var(\n      #{$css-var-prefix}form-element-disabled-background-color\n    );\n    #{$css-var-prefix}border-color: var(#{$css-var-prefix}form-element-disabled-border-color);\n    opacity: var(#{$css-var-prefix}form-element-disabled-opacity);\n    pointer-events: none;\n  }\n\n  label[aria-disabled=\"true\"] input[disabled] {\n    opacity: 1;\n  }\n\n  // Aria-invalid\n  :where(input, select, textarea) {\n    &:not(\n        [type=\"checkbox\"],\n        [type=\"radio\"],\n        [type=\"date\"],\n        [type=\"datetime-local\"],\n        [type=\"month\"],\n        [type=\"time\"],\n        [type=\"week\"],\n        [type=\"range\"]\n      ) {\n      &[aria-invalid] {\n        @if $enable-important {\n          padding-right: calc(\n            var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem\n          ) !important;\n          padding-left: var(#{$css-var-prefix}form-element-spacing-horizontal);\n          padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal) !important;\n          padding-inline-end: calc(\n            var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem\n          ) !important;\n        } @else {\n          padding-right: calc(var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem);\n          padding-left: var(#{$css-var-prefix}form-element-spacing-horizontal);\n          padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal);\n          padding-inline-end: calc(var(#{$css-var-prefix}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\"]:not(select) {\n        background-image: var(#{$css-var-prefix}icon-valid);\n      }\n\n      &[aria-invalid=\"true\"]:not(select) {\n        background-image: var(#{$css-var-prefix}icon-invalid);\n      }\n    }\n\n    &[aria-invalid=\"false\"] {\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}form-element-valid-border-color);\n\n      &:is(:active, :focus) {\n        @if $enable-important {\n          #{$css-var-prefix}border-color: var(\n            #{$css-var-prefix}form-element-valid-active-border-color\n          ) !important;\n\n          &:not([type=\"checkbox\"], [type=\"radio\"]) {\n            #{$css-var-prefix}box-shadow: 0\n              0\n              0\n              var(#{$css-var-prefix}outline-width)\n              var(#{$css-var-prefix}form-element-valid-focus-color) !important;\n          }\n        } @else {\n          #{$css-var-prefix}border-color: var(\n            #{$css-var-prefix}form-element-valid-active-border-color\n          );\n\n          &:not([type=\"checkbox\"], [type=\"radio\"]) {\n            #{$css-var-prefix}box-shadow: 0\n              0\n              0\n              var(#{$css-var-prefix}outline-width)\n              var(#{$css-var-prefix}form-element-valid-focus-color);\n          }\n        }\n      }\n    }\n\n    &[aria-invalid=\"true\"] {\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}form-element-invalid-border-color);\n\n      &:is(:active, :focus) {\n        @if $enable-important {\n          #{$css-var-prefix}border-color: var(\n            #{$css-var-prefix}form-element-invalid-active-border-color\n          ) !important;\n\n          &:not([type=\"checkbox\"], [type=\"radio\"]) {\n            #{$css-var-prefix}box-shadow: 0\n              0\n              0\n              var(#{$css-var-prefix}outline-width)\n              var(#{$css-var-prefix}form-element-invalid-focus-color) !important;\n          }\n        } @else {\n          #{$css-var-prefix}border-color: var(\n            #{$css-var-prefix}form-element-invalid-active-border-color\n          );\n\n          &:not([type=\"checkbox\"], [type=\"radio\"]) {\n            #{$css-var-prefix}box-shadow: 0\n              0\n              0\n              var(#{$css-var-prefix}outline-width)\n              var(#{$css-var-prefix}form-element-invalid-focus-color);\n          }\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\n  input::placeholder,\n  input::-webkit-input-placeholder,\n  textarea::placeholder,\n  textarea::-webkit-input-placeholder,\n  select:invalid {\n    color: var(#{$css-var-prefix}form-element-placeholder-color);\n    opacity: 1;\n  }\n\n  // Margin bottom (Not Checkboxes and Radios)\n  input:not([type=\"checkbox\"], [type=\"radio\"]),\n  select,\n  textarea {\n    margin-bottom: var(#{$css-var-prefix}spacing);\n  }\n\n  // Select\n  select {\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(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem);\n      padding-left: var(#{$css-var-prefix}form-element-spacing-horizontal);\n      padding-inline-start: var(#{$css-var-prefix}form-element-spacing-horizontal);\n      padding-inline-end: calc(var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.5rem);\n      background-image: var(#{$css-var-prefix}icon-chevron);\n      background-position: center right 0.75rem;\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n    }\n\n    &[multiple] {\n      option {\n        &:checked {\n          background: var(#{$css-var-prefix}form-element-selected-background-color);\n        }\n      }\n    }\n  }\n\n  [dir=\"rtl\"] {\n    select {\n      &:not([multiple], [size]) {\n        background-position: center left 0.75rem;\n      }\n    }\n  }\n\n  // Textarea\n  textarea {\n    display: block;\n    resize: vertical;\n\n    &[aria-invalid] {\n      @if $enable-important {\n        #{$css-var-prefix}icon-height: calc(\n          (1rem * var(#{$css-var-prefix}line-height)) +\n            (var(#{$css-var-prefix}form-element-spacing-vertical) * 2) +\n            (var(#{$css-var-prefix}border-width) * 2)\n        );\n        background-position: top right 0.75rem !important;\n        background-size: 1rem var(#{$css-var-prefix}icon-height) !important;\n      }\n    }\n  }\n  @if map.get($modules, \"layout/grid\") and $enable-classes {\n    $helper-previous-tags: $helper-previous-tags + \", .grid\";\n  }\n\n  :where(#{$helper-previous-tags}) {\n    + small {\n      display: block;\n      width: 100%;\n      margin-top: calc(var(#{$css-var-prefix}spacing) * -0.75);\n      margin-bottom: var(#{$css-var-prefix}spacing);\n      color: var(#{$css-var-prefix}muted-color);\n    }\n    &[aria-invalid=\"false\"] {\n      + small {\n        color: var(#{$css-var-prefix}ins-color);\n      }\n    }\n    &[aria-invalid=\"true\"] {\n      + small {\n        color: var(#{$css-var-prefix}del-color);\n      }\n    }\n  }\n\n  // Styles for Input inside a label\n  label {\n    > :where(input, select, textarea) {\n      margin-top: calc(var(#{$css-var-prefix}spacing) * 0.25);\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"forms/checkbox-radio-switch\") {\n  /**\n   * Checkboxes, Radios and Switches\n   */\n\n  // Labels\n  // Not working in Firefox, which doesn't support the `:has()` pseudo-class\n  label {\n    &:has([type=\"checkbox\"], [type=\"radio\"]) {\n      width: fit-content;\n      cursor: pointer;\n    }\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-inline-end: 0.5em;\n    border-width: var(#{$css-var-prefix}border-width);\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      #{$css-var-prefix}background-color: var(#{$css-var-prefix}primary-background);\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}primary-border);\n      background-image: var(#{$css-var-prefix}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-bottom: 0;\n      cursor: pointer;\n\n      &:not(:last-of-type) {\n        margin-inline-end: 1em;\n      }\n    }\n  }\n\n  // Checkboxes\n  [type=\"checkbox\"] {\n    &:indeterminate {\n      #{$css-var-prefix}background-color: var(#{$css-var-prefix}primary-background);\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}primary-border);\n      background-image: var(#{$css-var-prefix}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      #{$css-var-prefix}background-color: var(#{$css-var-prefix}primary-inverse);\n      border-width: 0.35em;\n      background-image: none;\n    }\n  }\n\n  // Switchs\n  [type=\"checkbox\"][role=\"switch\"] {\n    #{$css-var-prefix}background-color: var(#{$css-var-prefix}switch-background-color);\n    #{$css-var-prefix}color: var(#{$css-var-prefix}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(#{$css-var-prefix}border-width) solid var(#{$css-var-prefix}border-color);\n    border-radius: $switch-height;\n    background-color: var(#{$css-var-prefix}background-color);\n    line-height: $switch-height;\n\n    &:not([aria-invalid]) {\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}switch-background-color);\n    }\n\n    &:before {\n      display: block;\n      width: calc(#{$switch-height} - (var(#{$css-var-prefix}border-width) * 2));\n      height: 100%;\n      border-radius: 50%;\n      background-color: var(#{$css-var-prefix}color);\n      content: \"\";\n\n      @if $enable-transitions {\n        transition: margin $switch-transition;\n      }\n    }\n\n    &:focus {\n      #{$css-var-prefix}background-color: var(#{$css-var-prefix}switch-background-color);\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}switch-background-color);\n    }\n\n    &:checked {\n      #{$css-var-prefix}background-color: var(#{$css-var-prefix}switch-checked-background-color);\n      #{$css-var-prefix}border-color: var(#{$css-var-prefix}switch-checked-background-color);\n      background-image: none;\n\n      &::before {\n        margin-inline-start: calc(#{$switch-width * 0.5} - var(#{$css-var-prefix}border-width));\n      }\n    }\n\n    &[disabled] {\n      #{$css-var-prefix}background-color: var(#{$css-var-prefix}border-color);\n    }\n  }\n\n  // Aria-invalid\n  [type=\"checkbox\"],\n  [type=\"checkbox\"][role=\"switch\"] {\n    &[aria-invalid=\"false\"] {\n      &:checked,\n      &:checked:active,\n      &:checked:focus {\n        #{$css-var-prefix}background-color: var(#{$css-var-prefix}form-element-valid-border-color);\n      }\n    }\n    &:checked,\n    &:checked:active,\n    &:checked:focus {\n      &[aria-invalid=\"true\"] {\n        #{$css-var-prefix}background-color: var(\n          #{$css-var-prefix}form-element-invalid-border-color\n        );\n      }\n    }\n  }\n\n  [type=\"checkbox\"],\n  [type=\"radio\"],\n  [type=\"checkbox\"][role=\"switch\"] {\n    &[aria-invalid=\"false\"] {\n      &:checked,\n      &:checked:active,\n      &:checked:focus {\n        #{$css-var-prefix}border-color: var(#{$css-var-prefix}form-element-valid-border-color);\n      }\n    }\n    &:checked,\n    &:checked:active,\n    &:checked:focus {\n      &[aria-invalid=\"true\"] {\n        #{$css-var-prefix}border-color: var(#{$css-var-prefix}form-element-invalid-border-color);\n      }\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Wrapper\n@mixin color-wrapper {\n  padding: 0;\n}\n\n// Swatch\n@mixin color-swatch {\n  border: 0;\n  border-radius: calc(var(#{$css-var-prefix}border-radius) * 0.5);\n}\n\n@if map.get($modules, \"forms/input-color\") {\n  /**\n   * Input type color\n   */\n\n  [type=\"color\"] {\n    &::-webkit-color-swatch-wrapper {\n      @include color-wrapper;\n    }\n\n    &::-moz-focus-inner {\n      @include color-wrapper;\n    }\n\n    &::-webkit-color-swatch {\n      @include color-swatch;\n    }\n\n    &::-moz-color-swatch {\n      @include color-swatch;\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"forms/input-date\") {\n  /**\n   * Input type datetime\n   */\n\n  // :not() are needed to add Specificity and avoid !important on padding\n  input:not([type=\"checkbox\"], [type=\"radio\"], [type=\"range\"], [type=\"file\"]) {\n    &:is([type=\"date\"], [type=\"datetime-local\"], [type=\"month\"], [type=\"time\"], [type=\"week\"]) {\n      #{$css-var-prefix}icon-position: 0.75rem;\n      #{$css-var-prefix}icon-width: 1rem;\n      padding-right: calc(var(#{$css-var-prefix}icon-width) + var(#{$css-var-prefix}icon-position));\n      background-image: var(#{$css-var-prefix}icon-date);\n      background-position: center right var(#{$css-var-prefix}icon-position);\n      background-size: var(#{$css-var-prefix}icon-width) auto;\n      background-repeat: no-repeat;\n    }\n\n    // Time\n    &[type=\"time\"] {\n      background-image: var(#{$css-var-prefix}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(#{$css-var-prefix}icon-width);\n      margin-right: calc(var(#{$css-var-prefix}icon-width) * -1);\n      margin-left: var(#{$css-var-prefix}icon-position);\n      opacity: 0;\n    }\n  }\n\n  // Calendar icons are hidden in Firefox\n  @if $enable-important {\n    @-moz-document url-prefix() {\n      [type=\"date\"],\n      [type=\"datetime-local\"],\n      [type=\"month\"],\n      [type=\"time\"],\n      [type=\"week\"] {\n        padding-right: var(#{$css-var-prefix}form-element-spacing-horizontal) !important;\n        background-image: none !important;\n      }\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}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"forms/input-file\") {\n  /**\n   * Input type file\n   */\n\n  // 1. Hack to display the outline on the focused file selector button\n  //    with the forced overflow hidden on the input[type=\"file\"] element.\n  [type=\"file\"] {\n    #{$css-var-prefix}color: var(#{$css-var-prefix}muted-color);\n    margin-left: calc(var(#{$css-var-prefix}outline-width) * -1); // 1\n    padding: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5) 0;\n    padding-left: var(#{$css-var-prefix}outline-width); // 1\n    border: 0;\n    border-radius: 0;\n    background: none;\n\n    &::file-selector-button {\n      margin-right: calc(var(#{$css-var-prefix}spacing) / 2);\n      padding: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5)\n        var(#{$css-var-prefix}form-element-spacing-horizontal);\n    }\n\n    &:is(:hover, :active, :focus) {\n      &::file-selector-button {\n        #{$css-var-prefix}background-color: var(#{$css-var-prefix}secondary-hover-background);\n        #{$css-var-prefix}border-color: var(#{$css-var-prefix}secondary-hover-border);\n      }\n    }\n\n    &:focus {\n      &::file-selector-button {\n        #{$css-var-prefix}box-shadow:\n          var(#{$css-var-prefix}button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0)),\n          0 0 0 var(#{$css-var-prefix}outline-width) var(#{$css-var-prefix}secondary-focus);\n      }\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n// Config\n$height-track: 0.375rem;\n$height-thumb: 1.25rem;\n$border-thumb: 2px;\n\n// Slider Track\n@mixin slider-track {\n  width: 100%;\n  height: $height-track;\n  border-radius: var(#{$css-var-prefix}border-radius);\n  background-color: var(#{$css-var-prefix}range-border-color);\n\n  @if $enable-transitions {\n    transition:\n      background-color var(#{$css-var-prefix}transition),\n      box-shadow var(#{$css-var-prefix}transition);\n  }\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(#{$css-var-prefix}range-thumb-border-color);\n  border-radius: 50%;\n  background-color: var(#{$css-var-prefix}range-thumb-color);\n  cursor: pointer;\n\n  @if $enable-transitions {\n    transition:\n      background-color var(#{$css-var-prefix}transition),\n      transform var(#{$css-var-prefix}transition);\n  }\n}\n\n@if map.get($modules, \"forms/input-range\") {\n  /**\n   * Input type range\n   */\n\n  [type=\"range\"] {\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    &::-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    &::-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    &:active,\n    &:focus-within {\n      #{$css-var-prefix}range-border-color: var(#{$css-var-prefix}range-active-border-color);\n      #{$css-var-prefix}range-thumb-color: var(#{$css-var-prefix}range-thumb-active-color);\n    }\n\n    &:active {\n      // Slider Thumb\n      &::-webkit-slider-thumb {\n        transform: scale(1.25);\n      }\n\n      &::-moz-range-thumb {\n        transform: scale(1.25);\n      }\n\n      &::-ms-thumb {\n        transform: scale(1.25);\n      }\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"forms/input-search\") {\n  /**\n   * Input type search\n   */\n\n  // :not() are needed to add Specificity and avoid !important on padding\n  input:not([type=\"checkbox\"], [type=\"radio\"], [type=\"range\"], [type=\"file\"]) {\n    &[type=\"search\"] {\n      padding-inline-start: calc(var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.75rem);\n      background-image: var(#{$css-var-prefix}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(\n            var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.75rem\n          ) !important;\n        } @else {\n          padding-inline-start: calc(\n            var(#{$css-var-prefix}form-element-spacing-horizontal) + 1.75rem\n          );\n        }\n        background-position:\n          center left 1.125rem,\n          center right 0.75rem;\n      }\n\n      &[aria-invalid=\"false\"] {\n        background-image: var(#{$css-var-prefix}icon-search), var(#{$css-var-prefix}icon-valid);\n      }\n\n      &[aria-invalid=\"true\"] {\n        background-image: var(#{$css-var-prefix}icon-search), var(#{$css-var-prefix}icon-invalid);\n      }\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:\n              center right 1.125rem,\n              center left 0.75rem;\n          }\n        }\n      }\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"components/accordion\") {\n  /**\n   * Accordion (<details>)\n   */\n\n  details {\n    display: block;\n    margin-bottom: var(#{$css-var-prefix}spacing);\n\n    summary {\n      line-height: 1rem;\n      list-style-type: none;\n      cursor: pointer;\n\n      &:not([role]) {\n        color: var(#{$css-var-prefix}accordion-close-summary-color);\n      }\n\n      @if $enable-transitions {\n        transition: color var(#{$css-var-prefix}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(#{$css-var-prefix}spacing, 1rem) * 0.5);\n        float: right;\n        transform: rotate(-90deg);\n        background-image: var(#{$css-var-prefix}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(#{$css-var-prefix}transition);\n        }\n      }\n\n      &:focus {\n        outline: none;\n\n        &:not([role]) {\n          color: var(#{$css-var-prefix}accordion-active-summary-color);\n        }\n      }\n\n      &:focus-visible {\n        &:not([role]) {\n          outline: var(#{$css-var-prefix}outline-width) solid var(#{$css-var-prefix}primary-focus);\n          outline-offset: calc(var(#{$css-var-prefix}spacing, 1rem) * 0.5);\n          color: var(#{$css-var-prefix}primary);\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(#{$css-var-prefix}line-height, 1.5));\n        }\n      }\n    }\n\n    // Open\n    &[open] {\n      > summary {\n        margin-bottom: var(#{$css-var-prefix}spacing);\n\n        &:not([role]) {\n          &:not(:focus) {\n            color: var(#{$css-var-prefix}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}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"components/card\") {\n  /**\n   * Card (<article>)\n   */\n\n  article {\n    margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);\n    padding: var(#{$css-var-prefix}block-spacing-vertical)\n      var(#{$css-var-prefix}block-spacing-horizontal);\n    border-radius: var(#{$css-var-prefix}border-radius);\n    background: var(#{$css-var-prefix}card-background-color);\n    box-shadow: var(#{$css-var-prefix}card-box-shadow);\n\n    > header,\n    > footer {\n      margin-right: calc(var(#{$css-var-prefix}block-spacing-horizontal) * -1);\n      margin-left: calc(var(#{$css-var-prefix}block-spacing-horizontal) * -1);\n      padding: calc(var(#{$css-var-prefix}block-spacing-vertical) * 0.66)\n        var(#{$css-var-prefix}block-spacing-horizontal);\n      background-color: var(#{$css-var-prefix}card-sectioning-background-color);\n    }\n\n    > header {\n      margin-top: calc(var(#{$css-var-prefix}block-spacing-vertical) * -1);\n      margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);\n      border-bottom: var(#{$css-var-prefix}border-width)\n        solid\n        var(#{$css-var-prefix}card-border-color);\n      border-top-right-radius: var(#{$css-var-prefix}border-radius);\n      border-top-left-radius: var(#{$css-var-prefix}border-radius);\n    }\n\n    > footer {\n      margin-top: var(#{$css-var-prefix}block-spacing-vertical);\n      margin-bottom: calc(var(#{$css-var-prefix}block-spacing-vertical) * -1);\n      border-top: var(#{$css-var-prefix}border-width)\n        solid\n        var(#{$css-var-prefix}card-border-color);\n      border-bottom-right-radius: var(#{$css-var-prefix}border-radius);\n      border-bottom-left-radius: var(#{$css-var-prefix}border-radius);\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"components/dropdown\") and $enable-classes {\n  /**\n   * Dropdown (details.dropdown)\n   */\n\n  // Container\n  // ––––––––––––––––––––\n  details.dropdown {\n    position: relative;\n    border-bottom: none;\n\n    // Marker\n    // ––––––––––––––––––––\n    summary,\n    > button,\n    > a {\n      &::after {\n        display: block;\n        width: 1rem;\n        height: calc(1rem * var(#{$css-var-prefix}line-height, 1.5));\n        margin-inline-start: 0.25rem;\n        float: right;\n        // TODO: find out why we need this magic number (0.2 rem)\n        // for the marker to be aligned with the regular select\n        transform: rotate(0deg) translateX(0.2rem);\n        background-image: var(#{$css-var-prefix}icon-chevron);\n        background-position: right center;\n        background-size: 1rem auto;\n        background-repeat: no-repeat;\n        content: \"\";\n      }\n    }\n  }\n\n  // Container type accordion\n  // inside a nav\n  // ––––––––––––––––––––\n  nav details.dropdown {\n    // Override height\n    margin-bottom: 0;\n  }\n\n  // Bouton as a select\n  // inside container type accordion\n  // ––––––––––––––––––––\n  details.dropdown summary:not([role]) {\n    height: calc(\n      1rem *\n        var(#{$css-var-prefix}line-height) +\n        var(#{$css-var-prefix}form-element-spacing-vertical) *\n        2 +\n        var(#{$css-var-prefix}border-width) *\n        2\n    );\n    padding: var(#{$css-var-prefix}form-element-spacing-vertical)\n      var(#{$css-var-prefix}form-element-spacing-horizontal);\n    border: var(#{$css-var-prefix}border-width)\n      solid\n      var(#{$css-var-prefix}form-element-border-color);\n    border-radius: var(#{$css-var-prefix}border-radius);\n    background-color: var(#{$css-var-prefix}form-element-background-color);\n    color: var(#{$css-var-prefix}form-element-placeholder-color);\n    line-height: inherit;\n    cursor: pointer;\n    user-select: none;\n\n    @if $enable-transitions {\n      transition:\n        background-color var(#{$css-var-prefix}transition),\n        border-color var(#{$css-var-prefix}transition),\n        color var(#{$css-var-prefix}transition),\n        box-shadow var(#{$css-var-prefix}transition);\n    }\n\n    &:active,\n    &:focus {\n      border-color: var(#{$css-var-prefix}form-element-active-border-color);\n      background-color: var(#{$css-var-prefix}form-element-active-background-color);\n    }\n\n    &:focus {\n      box-shadow: 0\n        0\n        0\n        var(#{$css-var-prefix}outline-width)\n        var(#{$css-var-prefix}form-element-focus-color);\n    }\n\n    // Reset focus visible from accordion component\n    &:focus-visible {\n      outline: none;\n    }\n\n    // Aria-invalid\n    &[aria-invalid=\"false\"] {\n      #{$css-var-prefix}form-element-border-color: var(\n        #{$css-var-prefix}form-element-valid-border-color\n      );\n      #{$css-var-prefix}form-element-active-border-color: var(\n        #{$css-var-prefix}form-element-valid-focus-color\n      );\n      #{$css-var-prefix}form-element-focus-color: var(\n        #{$css-var-prefix}form-element-valid-focus-color\n      );\n    }\n\n    &[aria-invalid=\"true\"] {\n      #{$css-var-prefix}form-element-border-color: var(\n        #{$css-var-prefix}form-element-invalid-border-color\n      );\n      #{$css-var-prefix}form-element-active-border-color: var(\n        #{$css-var-prefix}form-element-invalid-focus-color\n      );\n      #{$css-var-prefix}form-element-focus-color: var(\n        #{$css-var-prefix}form-element-invalid-focus-color\n      );\n    }\n  }\n\n  // Dropdown inside a nav\n  // ––––––––––––––––––––\n  nav details.dropdown {\n    display: inline;\n    margin: calc(var(#{$css-var-prefix}nav-element-spacing-vertical) * -1) 0;\n\n    summary:not([role]) {\n      // Override height\n      height: calc(\n        (1rem * var(#{$css-var-prefix}line-height)) +\n          (var(#{$css-var-prefix}nav-link-spacing-vertical) * 2)\n      );\n      padding: calc(\n          var(#{$css-var-prefix}nav-link-spacing-vertical) -\n            (var(#{$css-var-prefix}border-width) * 2)\n        )\n        var(#{$css-var-prefix}nav-link-spacing-horizontal);\n\n      &:focus-visible {\n        box-shadow: 0 0 0 var(#{$css-var-prefix}outline-width) var(#{$css-var-prefix}primary-focus);\n      }\n    }\n  }\n\n  // Submenu\n  // ––––––––––––––––––––\n  details.dropdown summary + ul {\n    display: flex;\n    z-index: 99;\n    position: absolute;\n    left: 0;\n    flex-direction: column;\n    width: 100%;\n    min-width: fit-content;\n    margin: 0;\n    margin-top: var(#{$css-var-prefix}outline-width);\n    padding: 0;\n    border: var(#{$css-var-prefix}border-width) solid var(#{$css-var-prefix}dropdown-border-color);\n    border-radius: var(#{$css-var-prefix}border-radius);\n    background-color: var(#{$css-var-prefix}dropdown-background-color);\n    box-shadow: var(#{$css-var-prefix}dropdown-box-shadow);\n    color: var(#{$css-var-prefix}dropdown-color);\n    white-space: nowrap;\n    opacity: 0;\n\n    @if $enable-transitions {\n      transition:\n        opacity var(#{$css-var-prefix}transition),\n        transform 0s ease-in-out 1s;\n    }\n\n    &[dir=\"rtl\"] {\n      right: 0;\n      left: auto;\n    }\n\n    li {\n      width: 100%;\n      margin-bottom: 0;\n      padding: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5)\n        var(#{$css-var-prefix}form-element-spacing-horizontal);\n      list-style: none;\n\n      &:first-of-type {\n        margin-top: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5);\n      }\n\n      &:last-of-type {\n        margin-bottom: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5);\n      }\n\n      a {\n        display: block;\n        margin: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * -0.5)\n          calc(var(#{$css-var-prefix}form-element-spacing-horizontal) * -1);\n        padding: calc(var(#{$css-var-prefix}form-element-spacing-vertical) * 0.5)\n          var(#{$css-var-prefix}form-element-spacing-horizontal);\n        overflow: hidden;\n        border-radius: 0;\n        color: var(#{$css-var-prefix}dropdown-color);\n        text-decoration: none;\n        text-overflow: ellipsis;\n\n        &:hover,\n        &:focus,\n        &:active,\n        &:focus-visible,\n        &[aria-current]:not([aria-current=\"false\"]) {\n          background-color: var(#{$css-var-prefix}dropdown-hover-background-color);\n        }\n      }\n\n      label {\n        width: 100%;\n      }\n\n      // Not working in Firefox, which doesn't support the `:has()` pseudo-class\n      &:has(label):hover {\n        background-color: var(#{$css-var-prefix}dropdown-hover-background-color);\n      }\n    }\n  }\n\n  // Button opened\n  // inside container type accordion\n  // ––––––––––––––––––––\n  details.dropdown[open] summary {\n    margin-bottom: 0;\n  }\n\n  // Menu opened\n  // ––––––––––––––––––––\n  // 1. Inside container type accordion\n  details.dropdown[open] summary {\n    + ul {\n      transform: scaleY(1);\n      opacity: 1;\n\n      @if $enable-transitions {\n        transition:\n          opacity var(#{$css-var-prefix}transition),\n          transform 0s ease-in-out 0s;\n      }\n    }\n  }\n\n  // Close for dropdown\n  // inside container type accordion\n  // ––––––––––––––––––––\n  details.dropdown[open] summary {\n    &::before {\n      display: block;\n      z-index: 1;\n      position: fixed;\n      width: 100vw;\n      height: 100vh;\n      inset: 0;\n      background: none;\n      content: \"\";\n      cursor: default;\n    }\n  }\n  // Label\n  // ––––––––––––––––––––\n  label > details.dropdown {\n    margin-top: calc(var(#{$css-var-prefix}spacing) * 0.25);\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"components/group\") {\n  /**\n   * Group ([role=\"group\"], [role=\"search\"])\n   */\n\n  form {\n    &[role=\"search\"],\n    &[role=\"group\"] {\n      width: 100%;\n    }\n  }\n\n  [role=\"search\"] {\n    > * {\n      &:first-child {\n        border-top-left-radius: 5rem;\n        border-bottom-left-radius: 5rem;\n      }\n\n      &:last-child {\n        border-top-right-radius: 5rem;\n        border-bottom-right-radius: 5rem;\n      }\n    }\n  }\n\n  [role=\"search\"],\n  [role=\"group\"] {\n    display: inline-flex;\n    position: relative;\n    margin-bottom: var(#{$css-var-prefix}spacing);\n    border-radius: var(#{$css-var-prefix}border-radius);\n    box-shadow: var(#{$css-var-prefix}group-box-shadow, 0 0 0 rgba(0, 0, 0, 0));\n    vertical-align: middle;\n    transition: box-shadow var(#{$css-var-prefix}transition);\n\n    > *,\n    input:not([type=\"checkbox\"], [type=\"radio\"]),\n    select {\n      position: relative;\n      flex: 1 1 auto;\n      margin-bottom: 0;\n\n      &:not(:first-child) {\n        margin-left: 0;\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n\n      &:not(:last-child) {\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n\n      &:focus {\n        z-index: 2;\n      }\n    }\n\n    button,\n    [type=\"submit\"],\n    [type=\"reset\"],\n    [type=\"button\"],\n    [role=\"button\"],\n    input:not([type=\"checkbox\"], [type=\"radio\"]),\n    select {\n      &:not(:first-child) {\n        margin-left: calc(var(#{$css-var-prefix}border-width) * -1);\n      }\n    }\n\n    button,\n    [type=\"submit\"],\n    [type=\"reset\"],\n    [type=\"button\"],\n    [role=\"button\"] {\n      width: auto;\n    }\n\n    @supports selector(:has(*)) {\n      // Group box shadow when a button is focused\n      &:has(button:focus, [type=\"submit\"]:focus, [type=\"button\"]:focus, [role=\"button\"]:focus) {\n        #{$css-var-prefix}group-box-shadow: var(\n          #{$css-var-prefix}group-box-shadow-focus-with-button\n        );\n\n        input:not([type=\"checkbox\"], [type=\"radio\"]),\n        select {\n          border-color: transparent;\n        }\n      }\n\n      // Group box shadow when an input is focused\n      &:has(input:not([type=\"submit\"], [type=\"button\"]):focus, select:focus) {\n        #{$css-var-prefix}group-box-shadow: var(\n          #{$css-var-prefix}group-box-shadow-focus-with-input\n        );\n\n        // Adapt box shadow for buttons\n        button,\n        [type=\"submit\"],\n        [type=\"button\"],\n        [role=\"button\"] {\n          #{$css-var-prefix}button-box-shadow: 0 0 0 var(#{$css-var-prefix}border-width)\n            var(#{$css-var-prefix}primary-border);\n          #{$css-var-prefix}button-hover-box-shadow: 0 0 0 var(#{$css-var-prefix}border-width)\n            var(#{$css-var-prefix}primary-hover-border);\n        }\n      }\n\n      // Remove button box shadow if we have a group box shadow\n      button,\n      [type=\"submit\"],\n      [type=\"button\"],\n      [role=\"button\"] {\n        &:focus {\n          box-shadow: none;\n        }\n      }\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"components/loading\") {\n  /**\n   * Loading ([aria-busy=true])\n   */\n\n  // Everything except form elements\n  [aria-busy=\"true\"]:not(input, select, textarea, html) {\n    white-space: nowrap;\n\n    &::before {\n      display: inline-block;\n      width: 1em;\n      height: 1em;\n      background-image: var(#{$css-var-prefix}icon-loading);\n      background-size: 1rem auto;\n      background-repeat: no-repeat;\n      content: \"\";\n      vertical-align: -0.125em; // Visual alignment\n    }\n\n    &:not(:empty) {\n      &::before {\n        margin-inline-end: calc(var(#{$css-var-prefix}spacing) * 0.5);\n      }\n    }\n\n    &:empty {\n      text-align: center;\n    }\n  }\n\n  // Buttons and links\n  button,\n  [type=\"submit\"],\n  [type=\"button\"],\n  [type=\"reset\"],\n  [role=\"button\"],\n  a {\n    &[aria-busy=\"true\"] {\n      pointer-events: none;\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"components/modal\") {\n  /**\n   * Modal (<dialog>)\n   */\n\n  :root {\n    #{$css-var-prefix}scrollbar-width: 0px;\n  }\n\n  dialog {\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: 0;\n    border: 0;\n    backdrop-filter: var(#{$css-var-prefix}modal-overlay-backdrop-filter);\n    background-color: var(#{$css-var-prefix}modal-overlay-background-color);\n    color: var(#{$css-var-prefix}color);\n\n    // Content\n    article {\n      $close-selector: if($enable-classes, \".close, a[rel='prev']\", \"a[rel='prev']\");\n      width: 100%;\n      max-height: calc(100vh - var(#{$css-var-prefix}spacing) * 2);\n      margin: var(#{$css-var-prefix}spacing);\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(#{$css-var-prefix}block-spacing-vertical) * 0.5)\n          var(#{$css-var-prefix}block-spacing-horizontal);\n      }\n\n      > header {\n        > * {\n          margin-bottom: 0;\n        }\n\n        #{$close-selector} {\n          margin: 0;\n          margin-left: var(#{$css-var-prefix}spacing);\n          float: right;\n        }\n      }\n\n      > footer {\n        text-align: right;\n\n        button,\n        [role=\"button\"] {\n          margin-bottom: 0;\n\n          &:not(:first-of-type) {\n            margin-left: calc(var(#{$css-var-prefix}spacing) * 0.5);\n          }\n        }\n      }\n\n      // Close icon\n      #{$close-selector} {\n        display: block;\n        width: 1rem;\n        height: 1rem;\n        margin-top: calc(var(#{$css-var-prefix}spacing) * -1);\n        margin-bottom: var(#{$css-var-prefix}spacing);\n        margin-left: auto;\n        background-image: var(#{$css-var-prefix}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(#{$css-var-prefix}transition);\n        }\n\n        &:is([aria-current]:not([aria-current=\"false\"]), :hover, :active, :focus) {\n          opacity: 1;\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(#{$css-var-prefix}scrollbar-width, 0px);\n      overflow: hidden;\n      pointer-events: none;\n      touch-action: none;\n\n      dialog {\n        pointer-events: auto;\n        touch-action: 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}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"components/nav\") {\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  nav,\n  nav ul {\n    display: flex;\n  }\n\n  nav {\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(#{$css-var-prefix}nav-element-spacing-horizontal) * -1);\n      }\n      &:last-of-type {\n        margin-right: calc(var(#{$css-var-prefix}nav-element-spacing-horizontal) * -1);\n      }\n    }\n\n    li {\n      display: inline-block;\n      margin: 0;\n      padding: var(#{$css-var-prefix}nav-element-spacing-vertical)\n        var(#{$css-var-prefix}nav-element-spacing-horizontal);\n\n      :where(a, [role=\"link\"]) {\n        display: inline-block;\n        margin: calc(var(#{$css-var-prefix}nav-link-spacing-vertical) * -1)\n          calc(var(#{$css-var-prefix}nav-link-spacing-horizontal) * -1);\n        padding: var(#{$css-var-prefix}nav-link-spacing-vertical)\n          var(#{$css-var-prefix}nav-link-spacing-horizontal);\n        border-radius: var(#{$css-var-prefix}border-radius);\n\n        &:not(:hover) {\n          text-decoration: none;\n        }\n      }\n\n      // Minimal support for buttons and forms elements\n      button,\n      [role=\"button\"],\n      input:not([type=\"checkbox\"], [type=\"radio\"], [type=\"range\"], [type=\"file\"]),\n      select {\n        height: auto;\n        margin-right: inherit;\n        margin-bottom: 0;\n        margin-left: inherit;\n        padding: calc(\n            var(#{$css-var-prefix}nav-link-spacing-vertical) -\n              (var(#{$css-var-prefix}border-width) * 2)\n          )\n          var(#{$css-var-prefix}nav-link-spacing-horizontal);\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(#{$css-var-prefix}nav-link-spacing-horizontal);\n        }\n\n        a {\n          margin: calc(var(#{$css-var-prefix}nav-link-spacing-vertical) * -1) 0;\n          margin-inline-start: calc(var(#{$css-var-prefix}nav-link-spacing-horizontal) * -1);\n        }\n\n        &:not(:last-child) {\n          &::after {\n            display: inline-block;\n            position: absolute;\n            width: calc(var(#{$css-var-prefix}nav-link-spacing-horizontal) * 4);\n            margin: 0 calc(var(#{$css-var-prefix}nav-link-spacing-horizontal) * -1);\n            content: var(#{$css-var-prefix}nav-breadcrumb-divider);\n            color: var(#{$css-var-prefix}muted-color);\n            text-align: center;\n            text-decoration: none;\n            white-space: nowrap;\n          }\n        }\n      }\n\n      // Minimal support for aria-current\n      & a[aria-current]:not([aria-current=\"false\"]) {\n        background-color: transparent;\n        color: inherit;\n        text-decoration: none;\n        pointer-events: none;\n      }\n    }\n  }\n\n  // Vertical Nav\n  aside {\n    nav,\n    ol,\n    ul,\n    li {\n      display: block;\n    }\n\n    li {\n      padding: calc(var(#{$css-var-prefix}nav-element-spacing-vertical) * 0.5)\n        var(#{$css-var-prefix}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}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"components/progress\") {\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\n  progress {\n    display: inline-block; // 1\n    vertical-align: baseline; // 2\n  }\n\n  // Pico\n  // ––––––––––––––––––––\n\n  progress {\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(#{$css-var-prefix}spacing) * 0.5);\n    overflow: hidden;\n\n    // Remove Firefox and Opera border\n    border: 0;\n    border-radius: var(#{$css-var-prefix}border-radius);\n    background-color: var(#{$css-var-prefix}progress-background-color);\n\n    // IE10 uses `color` to set the bar background-color\n    color: var(#{$css-var-prefix}progress-color);\n\n    &::-webkit-progress-bar {\n      border-radius: var(#{$css-var-prefix}border-radius);\n      background: none;\n    }\n\n    &[value]::-webkit-progress-value {\n      background-color: var(#{$css-var-prefix}progress-color);\n\n      @if $enable-transitions {\n        transition: inline-size var(#{$css-var-prefix}transition);\n      }\n    }\n\n    &::-moz-progress-bar {\n      background-color: var(#{$css-var-prefix}progress-color);\n    }\n\n    // Indeterminate state\n    @media (prefers-reduced-motion: no-preference) {\n      &:indeterminate {\n        background: var(#{$css-var-prefix}progress-background-color)\n          linear-gradient(\n            to right,\n            var(#{$css-var-prefix}progress-color) 30%,\n            var(#{$css-var-prefix}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\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\n    100% {\n      background-position: -200% 0;\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"components/tooltip\") {\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(#{$css-var-prefix}border-radius);\n      background: var(#{$css-var-prefix}tooltip-background-color);\n      content: attr(data-tooltip);\n      color: var(#{$css-var-prefix}tooltip-color);\n      font-style: normal;\n      font-weight: var(#{$css-var-prefix}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(#{$css-var-prefix}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        // Default (top)\n        &:focus,\n        &:hover {\n          &::before,\n          &::after {\n            #{$css-var-prefix}tooltip-slide-to: translate(-50%, -0.25rem);\n            transform: translate(-50%, 0.75rem);\n            animation-duration: 0.2s;\n            animation-fill-mode: forwards;\n            animation-name: tooltip-slide;\n            opacity: 0;\n          }\n\n          &::after {\n            #{$css-var-prefix}tooltip-caret-slide-to: translate(-50%, 0rem);\n            transform: translate(-50%, -0.25rem);\n            animation-name: tooltip-caret-slide;\n          }\n        }\n\n        // Bottom\n        &[data-placement=\"bottom\"] {\n          &:focus,\n          &:hover {\n            &::before,\n            &::after {\n              #{$css-var-prefix}tooltip-slide-to: translate(-50%, 0.25rem);\n              transform: translate(-50%, -0.75rem);\n              animation-name: tooltip-slide;\n            }\n\n            &::after {\n              #{$css-var-prefix}tooltip-caret-slide-to: translate(-50%, -0.3rem);\n              transform: translate(-50%, -0.5rem);\n              animation-name: tooltip-caret-slide;\n            }\n          }\n        }\n\n        // Left\n        &[data-placement=\"left\"] {\n          &:focus,\n          &:hover {\n            &::before,\n            &::after {\n              #{$css-var-prefix}tooltip-slide-to: translate(-0.25rem, -50%);\n              transform: translate(0.75rem, -50%);\n              animation-name: tooltip-slide;\n            }\n\n            &::after {\n              #{$css-var-prefix}tooltip-caret-slide-to: translate(0.3rem, -50%);\n              transform: translate(0.05rem, -50%);\n              animation-name: tooltip-caret-slide;\n            }\n          }\n        }\n\n        // Right\n        &[data-placement=\"right\"] {\n          &:focus,\n          &:hover {\n            &::before,\n            &::after {\n              #{$css-var-prefix}tooltip-slide-to: translate(0.25rem, -50%);\n              transform: translate(-0.75rem, -50%);\n              animation-name: tooltip-slide;\n            }\n\n            &::after {\n              #{$css-var-prefix}tooltip-caret-slide-to: translate(-0.3rem, -50%);\n              transform: translate(-0.05rem, -50%);\n              animation-name: tooltip-caret-slide;\n            }\n          }\n        }\n      }\n\n      @keyframes tooltip-slide {\n        to {\n          transform: var(#{$css-var-prefix}tooltip-slide-to);\n          opacity: 1;\n        }\n      }\n\n      @keyframes tooltip-caret-slide {\n        50% {\n          opacity: 0;\n        }\n        to {\n          transform: var(#{$css-var-prefix}tooltip-caret-slide-to);\n          opacity: 1;\n        }\n      }\n    }\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"utilities/accessibility\") {\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\n  a,\n  area,\n  button,\n  input,\n  label,\n  select,\n  summary,\n  textarea,\n  [tabindex] {\n    -ms-touch-action: manipulation;\n  }\n\n  // Pico\n  // ––––––––––––––––––––\n\n  [dir=\"rtl\"] {\n    direction: rtl;\n  }\n}\n","@use \"sass:map\";\n@use \"../settings\" as *;\n\n@if map.get($modules, \"utilities/reduce-motion\") and 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"]}