@gouvfr/dsfr 1.4.0 → 1.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.config/config.js +1 -1
- package/.config/icon-deprecated.scss +1 -1
- package/.config/icon.scss +1 -1
- package/dist/component/accordion/accordion.css +1 -1
- package/dist/component/accordion/accordion.legacy.css +1 -1
- package/dist/component/accordion/accordion.legacy.min.css +1 -1
- package/dist/component/accordion/accordion.main.css +1 -1
- package/dist/component/accordion/accordion.main.min.css +1 -1
- package/dist/component/accordion/accordion.min.css +1 -1
- package/dist/component/accordion/accordion.module.js +2 -2
- package/dist/component/accordion/accordion.module.js.map +1 -1
- package/dist/component/accordion/accordion.module.min.js +1 -1
- package/dist/component/accordion/accordion.module.min.js.map +1 -1
- package/dist/component/accordion/accordion.nomodule.js +2 -2
- package/dist/component/accordion/accordion.nomodule.js.map +1 -1
- package/dist/component/accordion/accordion.nomodule.min.js +1 -1
- package/dist/component/accordion/accordion.nomodule.min.js.map +1 -1
- package/dist/component/alert/alert.css +1 -1
- package/dist/component/alert/alert.legacy.css +1 -1
- package/dist/component/alert/alert.legacy.min.css +2 -2
- package/dist/component/alert/alert.main.css +1 -1
- package/dist/component/alert/alert.main.min.css +1 -1
- package/dist/component/alert/alert.min.css +2 -2
- package/dist/component/badge/badge.css +1 -1
- package/dist/component/badge/badge.legacy.css +1 -1
- package/dist/component/badge/badge.legacy.min.css +1 -1
- package/dist/component/badge/badge.main.css +1 -1
- package/dist/component/badge/badge.main.min.css +1 -1
- package/dist/component/badge/badge.min.css +1 -1
- package/dist/component/breadcrumb/breadcrumb.css +1 -1
- package/dist/component/breadcrumb/breadcrumb.legacy.css +1 -1
- package/dist/component/breadcrumb/breadcrumb.legacy.min.css +1 -1
- package/dist/component/breadcrumb/breadcrumb.main.css +1 -1
- package/dist/component/breadcrumb/breadcrumb.main.min.css +1 -1
- package/dist/component/breadcrumb/breadcrumb.min.css +1 -1
- package/dist/component/breadcrumb/breadcrumb.module.js +2 -2
- package/dist/component/breadcrumb/breadcrumb.module.js.map +1 -1
- package/dist/component/breadcrumb/breadcrumb.module.min.js +1 -1
- package/dist/component/breadcrumb/breadcrumb.module.min.js.map +1 -1
- package/dist/component/breadcrumb/breadcrumb.nomodule.js +2 -2
- package/dist/component/breadcrumb/breadcrumb.nomodule.js.map +1 -1
- package/dist/component/breadcrumb/breadcrumb.nomodule.min.js +1 -1
- package/dist/component/breadcrumb/breadcrumb.nomodule.min.js.map +1 -1
- package/dist/component/button/button.css +1 -1
- package/dist/component/button/button.legacy.css +1 -1
- package/dist/component/button/button.legacy.min.css +1 -1
- package/dist/component/button/button.main.css +1 -1
- package/dist/component/button/button.main.min.css +1 -1
- package/dist/component/button/button.min.css +1 -1
- package/dist/component/button/button.module.js +2 -2
- package/dist/component/button/button.module.js.map +1 -1
- package/dist/component/button/button.module.min.js +1 -1
- package/dist/component/button/button.module.min.js.map +1 -1
- package/dist/component/button/button.nomodule.js +2 -2
- package/dist/component/button/button.nomodule.js.map +1 -1
- package/dist/component/button/button.nomodule.min.js +1 -1
- package/dist/component/button/button.nomodule.min.js.map +1 -1
- package/dist/component/callout/callout.css +1 -1
- package/dist/component/callout/callout.legacy.css +1 -1
- package/dist/component/callout/callout.legacy.min.css +1 -1
- package/dist/component/callout/callout.main.css +1 -1
- package/dist/component/callout/callout.main.min.css +1 -1
- package/dist/component/callout/callout.min.css +1 -1
- package/dist/component/card/card.css +1 -1
- package/dist/component/card/card.legacy.css +1 -1
- package/dist/component/card/card.legacy.min.css +1 -1
- package/dist/component/card/card.main.css +1 -1
- package/dist/component/card/card.main.min.css +1 -1
- package/dist/component/card/card.min.css +1 -1
- package/dist/component/checkbox/checkbox.css +1 -1
- package/dist/component/checkbox/checkbox.legacy.css +1 -1
- package/dist/component/checkbox/checkbox.legacy.min.css +1 -1
- package/dist/component/checkbox/checkbox.main.css +1 -1
- package/dist/component/checkbox/checkbox.main.min.css +1 -1
- package/dist/component/checkbox/checkbox.min.css +1 -1
- package/dist/component/component.css +74 -233
- package/dist/component/component.css.map +1 -1
- package/dist/component/component.legacy.css +33 -21
- package/dist/component/component.legacy.css.map +1 -1
- package/dist/component/component.legacy.min.css +2 -2
- package/dist/component/component.legacy.min.css.map +1 -1
- package/dist/component/component.main.css +42 -213
- package/dist/component/component.main.css.map +1 -1
- package/dist/component/component.main.min.css +2 -2
- package/dist/component/component.main.min.css.map +1 -1
- package/dist/component/component.min.css +3 -3
- package/dist/component/component.min.css.map +1 -1
- package/dist/component/component.module.js +2 -2
- package/dist/component/component.module.js.map +1 -1
- package/dist/component/component.module.min.js +1 -1
- package/dist/component/component.module.min.js.map +1 -1
- package/dist/component/component.nomodule.js +2 -2
- package/dist/component/component.nomodule.js.map +1 -1
- package/dist/component/component.nomodule.min.js +1 -1
- package/dist/component/component.nomodule.min.js.map +1 -1
- package/dist/component/connect/connect.css +1 -1
- package/dist/component/connect/connect.legacy.css +1 -1
- package/dist/component/connect/connect.legacy.min.css +1 -1
- package/dist/component/connect/connect.main.css +1 -1
- package/dist/component/connect/connect.main.min.css +1 -1
- package/dist/component/connect/connect.min.css +1 -1
- package/dist/component/consent/consent.css +1 -1
- package/dist/component/consent/consent.legacy.css +1 -1
- package/dist/component/consent/consent.legacy.min.css +1 -1
- package/dist/component/consent/consent.main.css +1 -1
- package/dist/component/consent/consent.main.min.css +1 -1
- package/dist/component/consent/consent.min.css +1 -1
- package/dist/component/content/content.css +1 -1
- package/dist/component/content/content.legacy.css +1 -1
- package/dist/component/content/content.legacy.min.css +1 -1
- package/dist/component/content/content.main.css +1 -1
- package/dist/component/content/content.main.min.css +1 -1
- package/dist/component/content/content.min.css +1 -1
- package/dist/component/display/display.module.js +2 -2
- package/dist/component/display/display.module.js.map +1 -1
- package/dist/component/display/display.module.min.js +1 -1
- package/dist/component/display/display.module.min.js.map +1 -1
- package/dist/component/display/display.nomodule.js +2 -2
- package/dist/component/display/display.nomodule.js.map +1 -1
- package/dist/component/display/display.nomodule.min.js +1 -1
- package/dist/component/display/display.nomodule.min.js.map +1 -1
- package/dist/component/follow/follow.css +13 -200
- package/dist/component/follow/follow.css.map +1 -1
- package/dist/component/follow/follow.legacy.css +1 -1
- package/dist/component/follow/follow.legacy.min.css +1 -1
- package/dist/component/follow/follow.main.css +13 -200
- package/dist/component/follow/follow.main.css.map +1 -1
- package/dist/component/follow/follow.main.min.css +2 -2
- package/dist/component/follow/follow.main.min.css.map +1 -1
- package/dist/component/follow/follow.min.css +2 -2
- package/dist/component/follow/follow.min.css.map +1 -1
- package/dist/component/footer/footer.css +1 -1
- package/dist/component/footer/footer.legacy.css +1 -1
- package/dist/component/footer/footer.legacy.min.css +1 -1
- package/dist/component/footer/footer.main.css +1 -1
- package/dist/component/footer/footer.main.min.css +1 -1
- package/dist/component/footer/footer.min.css +1 -1
- package/dist/component/form/form.css +1 -1
- package/dist/component/form/form.legacy.css +1 -1
- package/dist/component/form/form.legacy.min.css +1 -1
- package/dist/component/form/form.main.css +1 -1
- package/dist/component/form/form.main.min.css +1 -1
- package/dist/component/form/form.min.css +1 -1
- package/dist/component/header/header.css +1 -1
- package/dist/component/header/header.legacy.css +1 -1
- package/dist/component/header/header.legacy.min.css +1 -1
- package/dist/component/header/header.main.css +1 -1
- package/dist/component/header/header.main.min.css +1 -1
- package/dist/component/header/header.min.css +1 -1
- package/dist/component/header/header.module.js +2 -2
- package/dist/component/header/header.module.js.map +1 -1
- package/dist/component/header/header.module.min.js +1 -1
- package/dist/component/header/header.module.min.js.map +1 -1
- package/dist/component/header/header.nomodule.js +2 -2
- package/dist/component/header/header.nomodule.js.map +1 -1
- package/dist/component/header/header.nomodule.min.js +1 -1
- package/dist/component/header/header.nomodule.min.js.map +1 -1
- package/dist/component/highlight/highlight.css +1 -1
- package/dist/component/highlight/highlight.legacy.css +1 -1
- package/dist/component/highlight/highlight.legacy.min.css +1 -1
- package/dist/component/highlight/highlight.main.css +1 -1
- package/dist/component/highlight/highlight.main.min.css +1 -1
- package/dist/component/highlight/highlight.min.css +1 -1
- package/dist/component/input/input.css +1 -1
- package/dist/component/input/input.legacy.css +1 -1
- package/dist/component/input/input.legacy.min.css +1 -1
- package/dist/component/input/input.main.css +1 -1
- package/dist/component/input/input.main.min.css +1 -1
- package/dist/component/input/input.min.css +1 -1
- package/dist/component/link/link.css +1 -1
- package/dist/component/link/link.legacy.css +1 -1
- package/dist/component/link/link.legacy.min.css +1 -1
- package/dist/component/link/link.main.css +1 -1
- package/dist/component/link/link.main.min.css +1 -1
- package/dist/component/link/link.min.css +1 -1
- package/dist/component/logo/logo.css +1 -1
- package/dist/component/logo/logo.legacy.css +1 -1
- package/dist/component/logo/logo.legacy.min.css +1 -1
- package/dist/component/logo/logo.main.css +1 -1
- package/dist/component/logo/logo.main.min.css +1 -1
- package/dist/component/logo/logo.min.css +1 -1
- package/dist/component/modal/modal.css +1 -1
- package/dist/component/modal/modal.legacy.css +1 -1
- package/dist/component/modal/modal.legacy.min.css +1 -1
- package/dist/component/modal/modal.main.css +1 -1
- package/dist/component/modal/modal.main.min.css +1 -1
- package/dist/component/modal/modal.min.css +1 -1
- package/dist/component/modal/modal.module.js +2 -2
- package/dist/component/modal/modal.module.js.map +1 -1
- package/dist/component/modal/modal.module.min.js +1 -1
- package/dist/component/modal/modal.module.min.js.map +1 -1
- package/dist/component/modal/modal.nomodule.js +2 -2
- package/dist/component/modal/modal.nomodule.js.map +1 -1
- package/dist/component/modal/modal.nomodule.min.js +1 -1
- package/dist/component/modal/modal.nomodule.min.js.map +1 -1
- package/dist/component/navigation/navigation.css +1 -1
- package/dist/component/navigation/navigation.legacy.css +1 -1
- package/dist/component/navigation/navigation.legacy.min.css +1 -1
- package/dist/component/navigation/navigation.main.css +1 -1
- package/dist/component/navigation/navigation.main.min.css +1 -1
- package/dist/component/navigation/navigation.min.css +1 -1
- package/dist/component/navigation/navigation.module.js +2 -2
- package/dist/component/navigation/navigation.module.js.map +1 -1
- package/dist/component/navigation/navigation.module.min.js +1 -1
- package/dist/component/navigation/navigation.module.min.js.map +1 -1
- package/dist/component/navigation/navigation.nomodule.js +2 -2
- package/dist/component/navigation/navigation.nomodule.js.map +1 -1
- package/dist/component/navigation/navigation.nomodule.min.js +1 -1
- package/dist/component/navigation/navigation.nomodule.min.js.map +1 -1
- package/dist/component/pagination/pagination.css +1 -1
- package/dist/component/pagination/pagination.legacy.css +1 -1
- package/dist/component/pagination/pagination.legacy.min.css +1 -1
- package/dist/component/pagination/pagination.main.css +1 -1
- package/dist/component/pagination/pagination.main.min.css +1 -1
- package/dist/component/pagination/pagination.min.css +1 -1
- package/dist/component/quote/quote.css +1 -1
- package/dist/component/quote/quote.legacy.css +1 -1
- package/dist/component/quote/quote.legacy.min.css +1 -1
- package/dist/component/quote/quote.main.css +1 -1
- package/dist/component/quote/quote.main.min.css +1 -1
- package/dist/component/quote/quote.min.css +1 -1
- package/dist/component/radio/radio.css +1 -1
- package/dist/component/radio/radio.legacy.css +1 -1
- package/dist/component/radio/radio.legacy.min.css +1 -1
- package/dist/component/radio/radio.main.css +1 -1
- package/dist/component/radio/radio.main.min.css +1 -1
- package/dist/component/radio/radio.min.css +1 -1
- package/dist/component/search/search.css +1 -1
- package/dist/component/search/search.legacy.css +1 -1
- package/dist/component/search/search.legacy.min.css +1 -1
- package/dist/component/search/search.main.css +1 -1
- package/dist/component/search/search.main.min.css +1 -1
- package/dist/component/search/search.min.css +1 -1
- package/dist/component/select/select.css +1 -1
- package/dist/component/select/select.legacy.css +1 -1
- package/dist/component/select/select.legacy.min.css +1 -1
- package/dist/component/select/select.main.css +1 -1
- package/dist/component/select/select.main.min.css +1 -1
- package/dist/component/select/select.min.css +1 -1
- package/dist/component/share/share.css +1 -1
- package/dist/component/share/share.legacy.css +1 -1
- package/dist/component/share/share.legacy.min.css +1 -1
- package/dist/component/share/share.main.css +1 -1
- package/dist/component/share/share.main.min.css +2 -2
- package/dist/component/share/share.min.css +2 -2
- package/dist/component/sidemenu/sidemenu.css +1 -1
- package/dist/component/sidemenu/sidemenu.legacy.css +1 -1
- package/dist/component/sidemenu/sidemenu.legacy.min.css +1 -1
- package/dist/component/sidemenu/sidemenu.main.css +1 -1
- package/dist/component/sidemenu/sidemenu.main.min.css +1 -1
- package/dist/component/sidemenu/sidemenu.min.css +1 -1
- package/dist/component/sidemenu/sidemenu.module.js +2 -2
- package/dist/component/sidemenu/sidemenu.module.js.map +1 -1
- package/dist/component/sidemenu/sidemenu.module.min.js +1 -1
- package/dist/component/sidemenu/sidemenu.module.min.js.map +1 -1
- package/dist/component/sidemenu/sidemenu.nomodule.js +2 -2
- package/dist/component/sidemenu/sidemenu.nomodule.js.map +1 -1
- package/dist/component/sidemenu/sidemenu.nomodule.min.js +1 -1
- package/dist/component/sidemenu/sidemenu.nomodule.min.js.map +1 -1
- package/dist/component/skiplink/skiplink.css +1 -1
- package/dist/component/skiplink/skiplink.legacy.css +1 -1
- package/dist/component/skiplink/skiplink.legacy.min.css +1 -1
- package/dist/component/skiplink/skiplink.main.css +1 -1
- package/dist/component/skiplink/skiplink.main.min.css +1 -1
- package/dist/component/skiplink/skiplink.min.css +1 -1
- package/dist/component/summary/summary.css +1 -1
- package/dist/component/summary/summary.legacy.css +1 -1
- package/dist/component/summary/summary.legacy.min.css +2 -2
- package/dist/component/summary/summary.main.css +1 -1
- package/dist/component/summary/summary.main.min.css +1 -1
- package/dist/component/summary/summary.min.css +2 -2
- package/dist/component/tab/tab.css +1 -1
- package/dist/component/tab/tab.legacy.css +1 -1
- package/dist/component/tab/tab.legacy.min.css +1 -1
- package/dist/component/tab/tab.main.css +1 -1
- package/dist/component/tab/tab.main.min.css +1 -1
- package/dist/component/tab/tab.min.css +1 -1
- package/dist/component/tab/tab.module.js +2 -2
- package/dist/component/tab/tab.module.js.map +1 -1
- package/dist/component/tab/tab.module.min.js +1 -1
- package/dist/component/tab/tab.module.min.js.map +1 -1
- package/dist/component/tab/tab.nomodule.js +2 -2
- package/dist/component/tab/tab.nomodule.js.map +1 -1
- package/dist/component/tab/tab.nomodule.min.js +1 -1
- package/dist/component/tab/tab.nomodule.min.js.map +1 -1
- package/dist/component/table/table.css +1 -1
- package/dist/component/table/table.legacy.css +1 -1
- package/dist/component/table/table.legacy.min.css +1 -1
- package/dist/component/table/table.main.css +1 -1
- package/dist/component/table/table.main.min.css +1 -1
- package/dist/component/table/table.min.css +1 -1
- package/dist/component/table/table.module.js +2 -2
- package/dist/component/table/table.module.js.map +1 -1
- package/dist/component/table/table.module.min.js +1 -1
- package/dist/component/table/table.module.min.js.map +1 -1
- package/dist/component/table/table.nomodule.js +2 -2
- package/dist/component/table/table.nomodule.js.map +1 -1
- package/dist/component/table/table.nomodule.min.js +1 -1
- package/dist/component/table/table.nomodule.min.js.map +1 -1
- package/dist/component/tag/tag.css +112 -80
- package/dist/component/tag/tag.css.map +1 -1
- package/dist/component/tag/tag.legacy.css +61 -55
- package/dist/component/tag/tag.legacy.css.map +1 -1
- package/dist/component/tag/tag.legacy.min.css +2 -2
- package/dist/component/tag/tag.legacy.min.css.map +1 -1
- package/dist/component/tag/tag.main.css +52 -26
- package/dist/component/tag/tag.main.css.map +1 -1
- package/dist/component/tag/tag.main.min.css +2 -2
- package/dist/component/tag/tag.main.min.css.map +1 -1
- package/dist/component/tag/tag.min.css +2 -2
- package/dist/component/tag/tag.min.css.map +1 -1
- package/dist/component/tag/tag.module.js +2 -2
- package/dist/component/tag/tag.module.js.map +1 -1
- package/dist/component/tag/tag.module.min.js +1 -1
- package/dist/component/tag/tag.module.min.js.map +1 -1
- package/dist/component/tag/tag.nomodule.js +2 -2
- package/dist/component/tag/tag.nomodule.js.map +1 -1
- package/dist/component/tag/tag.nomodule.min.js +1 -1
- package/dist/component/tag/tag.nomodule.min.js.map +1 -1
- package/dist/component/tile/tile.css +1 -1
- package/dist/component/tile/tile.legacy.css +1 -1
- package/dist/component/tile/tile.legacy.min.css +1 -1
- package/dist/component/tile/tile.main.css +1 -1
- package/dist/component/tile/tile.main.min.css +1 -1
- package/dist/component/tile/tile.min.css +1 -1
- package/dist/component/toggle/toggle.css +1 -1
- package/dist/component/toggle/toggle.legacy.css +1 -1
- package/dist/component/toggle/toggle.legacy.min.css +1 -1
- package/dist/component/toggle/toggle.main.css +1 -1
- package/dist/component/toggle/toggle.main.min.css +1 -1
- package/dist/component/toggle/toggle.min.css +1 -1
- package/dist/component/toggle/toggle.module.js +2 -2
- package/dist/component/toggle/toggle.module.js.map +1 -1
- package/dist/component/toggle/toggle.module.min.js +1 -1
- package/dist/component/toggle/toggle.module.min.js.map +1 -1
- package/dist/component/toggle/toggle.nomodule.js +2 -2
- package/dist/component/toggle/toggle.nomodule.js.map +1 -1
- package/dist/component/toggle/toggle.nomodule.min.js +1 -1
- package/dist/component/toggle/toggle.nomodule.min.js.map +1 -1
- package/dist/component/upload/upload.css +1 -1
- package/dist/component/upload/upload.min.css +1 -1
- package/dist/core/core.css +3 -3
- package/dist/core/core.css.map +1 -1
- package/dist/core/core.legacy.css +1 -1
- package/dist/core/core.legacy.min.css +1 -1
- package/dist/core/core.main.css +3 -3
- package/dist/core/core.main.css.map +1 -1
- package/dist/core/core.main.min.css +3 -3
- package/dist/core/core.main.min.css.map +1 -1
- package/dist/core/core.min.css +3 -3
- package/dist/core/core.min.css.map +1 -1
- package/dist/core/core.module.js +2 -2
- package/dist/core/core.module.js.map +1 -1
- package/dist/core/core.module.min.js +2 -2
- package/dist/core/core.module.min.js.map +1 -1
- package/dist/core/core.nomodule.js +2 -2
- package/dist/core/core.nomodule.js.map +1 -1
- package/dist/core/core.nomodule.min.js +2 -2
- package/dist/core/core.nomodule.min.js.map +1 -1
- package/dist/dsfr/dsfr.css +76 -235
- package/dist/dsfr/dsfr.css.map +1 -1
- package/dist/dsfr/dsfr.legacy.css +33 -21
- package/dist/dsfr/dsfr.legacy.css.map +1 -1
- package/dist/dsfr/dsfr.legacy.min.css +2 -2
- package/dist/dsfr/dsfr.legacy.min.css.map +1 -1
- package/dist/dsfr/dsfr.main.css +44 -215
- package/dist/dsfr/dsfr.main.css.map +1 -1
- package/dist/dsfr/dsfr.main.min.css +3 -3
- package/dist/dsfr/dsfr.main.min.css.map +1 -1
- package/dist/dsfr/dsfr.min.css +4 -4
- package/dist/dsfr/dsfr.min.css.map +1 -1
- package/dist/dsfr/dsfr.module.js +2 -2
- package/dist/dsfr/dsfr.module.js.map +1 -1
- package/dist/dsfr/dsfr.module.min.js +2 -2
- package/dist/dsfr/dsfr.module.min.js.map +1 -1
- package/dist/dsfr/dsfr.nomodule.js +2 -2
- package/dist/dsfr/dsfr.nomodule.js.map +1 -1
- package/dist/dsfr/dsfr.nomodule.min.js +2 -2
- package/dist/dsfr/dsfr.nomodule.min.js.map +1 -1
- package/dist/legacy/legacy.nomodule.js +1 -1
- package/dist/legacy/legacy.nomodule.min.js +1 -1
- package/dist/scheme/scheme.css +1 -1
- package/dist/scheme/scheme.min.css +1 -1
- package/dist/scheme/scheme.module.js +2 -2
- package/dist/scheme/scheme.module.js.map +1 -1
- package/dist/scheme/scheme.module.min.js +1 -1
- package/dist/scheme/scheme.module.min.js.map +1 -1
- package/example/component/accordion/index.html +164 -188
- package/example/component/breadcrumb/index.html +6 -6
- package/example/component/callout/index.html +10 -10
- package/example/component/card/index.html +8 -8
- package/example/component/checkbox/index.html +32 -32
- package/example/component/connect/index.html +4 -127
- package/example/component/consent/index.html +8 -8
- package/example/component/content/index.html +30 -30
- package/example/component/display/index.html +46 -46
- package/example/component/follow/index.html +16 -16
- package/example/component/footer/index.html +20 -20
- package/example/component/form/index.html +24 -24
- package/example/component/header/index.html +208 -208
- package/example/component/highlight/index.html +8 -8
- package/example/component/input/index.html +44 -44
- package/example/component/link/index.html +14 -14
- package/example/component/modal/index.html +80 -80
- package/example/component/navigation/index.html +34 -34
- package/example/component/pagination/index.html +12 -12
- package/example/component/quote/index.html +8 -8
- package/example/component/radio/index.html +38 -38
- package/example/component/select/index.html +10 -10
- package/example/component/share/index.html +10 -10
- package/example/component/sidemenu/index.html +456 -456
- package/example/component/skiplink/index.html +23 -23
- package/example/component/summary/index.html +2 -2
- package/example/component/tab/index.html +236 -238
- package/example/component/table/index.html +104 -104
- package/example/component/tag/index.html +50 -50
- package/example/component/tile/index.html +34 -34
- package/example/component/toggle/index.html +130 -130
- package/package.json +1 -1
- package/src/component/connect/example/index.ejs +3 -3
- package/src/component/connect/example/sample/connect-default.ejs +1 -2
- package/src/component/connect/example/sample/connect-plus.ejs +1 -2
- package/src/component/connect/template/ejs/connect.ejs +6 -1
- package/src/component/follow/deprecated/style/_module.scss +7 -1
- package/src/component/follow/deprecated/style/_tool.scss +3 -7
- package/src/component/tag/style/_scheme.scss +13 -22
- package/src/component/tag/style/_tool.scss +27 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["<no source>","../../../tag.css","../../../../../../src/component/tag/main.scss","../../../../../../src/component/link/style/tool/_build.scss","../../../../../../src/core/style/typography/tool/_styles.scss","../../../../../../src/core/style/display/tool/_display.scss","../../../../../../src/core/style/spacing/tool/_z-index.scss","../../../../../../src/core/style/spacing/setting/_z-index.scss","../../../../../../src/core/style/action/tool/_link.scss","../../../../../../src/core/style/action/tool/_hover.scss","../../../../../../src/component/link/style/tool/_size.scss","../../../../../../src/core/style/function/_unit.scss","../../../../../../src/core/style/spacing/function/_space.scss","../../../../../../src/core/style/color/tool/_element.scss","../../../../../../src/core/style/selector/tool/_pattern.scss","../../../../../../src/component/link/style/tool/_icon.scss","../../../../../../src/core/style/action/tool/_clickable.scss","../../../../../../src/core/style/spacing/tool/_position.scss","../../../../../../src/component/tag/style/module/_variants.scss","../../../../../../src/component/tag/style/_tool.scss","../../../../../../src/core/style/selector/tool/_pseudo.scss","../../../../../../src/core/style/icon/_tool.scss","../../../../../../src/core/style/spacing/tool/_space.scss","../../../../../../src/component/tag/style/module/_group.scss","../../../../../../src/core/style/typography/tool/_list.scss","../../../../../../src/core/style/selector/tool/_nest.scss","../../../../../../src/component/link/style/tool/_nest.scss","../../../../../../src/core/style/color/tool/_accent.scss","../../../../../../src/core/style/color/tool/_disabled.scss","../../../../../../src/component/tag/style/_scheme.scss","../../../../../../src/legacy/style/tool/_legacy.scss","../../../../../../src/component/tag/style/_legacy.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cDFc;AEoEZ;ECgCE,iBAA6B;EAA7B,kBAA6B;EC/F7B,oBAAoB;EAOpB,mBAAgB;EAIhB,mBAAa;ECHf,UCJO;;ECOP,qBAAgB;EAChB,uBAAkB;EAClB,0BAAqB;ECoCnB,0BAAa;EChDf,mBCkBgD;EDjBhD,mBEuFiB;EFnFf,gBEmFe;EFnEjB,wBAAoC;EAGlC,mBAAe;EGDf,6BAAU;EAAV,iDAAU;;EAyBN,8CAAgB;EAIhB,gDAAiB;AZ9CzB;;AaHY;;;;ECKR,mBAAmB;EAOnB,iBAAiB;EACjB,eAAe;EACf,gBAAgB;AdIpB;;AalBY;;;;ECgBN,wBLUwB;EKTxB,qBHoEa;EGnEb,eJH4C;AVSlD;;AEQE;EOnCA,kBCkBgD;EDjBhD,oBEuFiB;EFnFf,kBEmFe;EFnEjB,wBAAoC;EAGlC,sBAAe;ATWnB;;AahCY;;;;ECKR,mBAAmB;EAOnB,iBAAiB;EACjB,eAAe;EACf,gBAAgB;AdyBpB;;AavCY;;;;ECgBN,sBLUwB;EKTxB,qBHoEa;EGnEb,kBJH4C;AV8BlD;;Ae5CE;;;;;;ECPA,kBAAU;ECIN,iBAAiB;EACjB,wBAAwB;EACxB,qBAAqB;EACrB,4BAA4B;ELmB9B,gCAAU;EAsEV,6BAA6B;EMhE7B,qIAAwH;AlB2B5H;;AmBjDE;;;;;;EC+EA,wCAJgF;EAfhF,YAlBU;EAqBR,gBAAgB;EJzElB,kBAAU;EAER,QAAK;EAGL,QAAO;EKoBP,eVkEe;ECjEf,0CAAU;AZ2Cd;;AmB3DE;;;;;;EC+EA,2CAJgF;EJrFhF,kBAAU;EAER,QAAK;EAGL,QAAO;EKoBP,iBVkEe;AXdnB;;AmBnEE;;;;;;EFgBI,aAAa;AjBuDnB;;AmBvEE;;;;;;EC+EA,wCAJgF;EAfhF,YAlBU;EAqBR,gBAAgB;ECpDd,oBVsEa;EUtEb,sBVsEa;AXFnB;;AmB/EE;;;;;;EC+EA,2CAJgF;EChE5E,wBVsEa;EUtEb,qBVsEa;AXInB;;AsBhGA;ECoBE,eAAU;EACV,eAAU;EACV,aAAW;EACX,aAAW;EACX,aAAW;EACX,cAAY;EACZ,kBAAa;EnBpBX,aAAa;EAIb,mBAAgB;EkBPlB,eAAe;AtB0GjB;;AsB7GA;EAMI,oBAAoB;AtB2GxB;;AsBjHA;EDsBM,oBVsEa;EUtEb,qBVsEa;AX0BnB;;AwBpHI;EfEF,kBCkBgD;EDjBhD,oBEuFiB;EFnFf,kBEmFe;EFnEjB,wBAAoC;EAGlC,sBAAe;EYNb,qBVsEa;EUtEb,sBVsEa;AXkCnB;;AmBnHE;EC+EA,wCAJgF;EDxE5E,aMQsB;AzB4G5B;;AsBlIA;;;;;;EDsBM,oBVsEa;EUtEb,qBVsEa;AXoDnB;;AmBrIE;;;;;;EC+EA,2CAJgF;EChE5E,wBVsEa;AXyDnB;;AmB1IE;;;;;;EC+EA,2CAJgF;EJrFhF,kBAAU;EAER,QAAK;EAGL,QAAO;EKoBP,iBVkEe;AXiEnB;;AsB7JA;;;;;;EDsBM,qBVsEa;EUtEb,sBVsEa;AXsEnB;;AsBlKA;;;;;;EDsBM,oBVsEa;EUtEb,qBVsEa;AX2EnB;;Ae/JE;;;;;;EHmBE,0CAAU;EAAV,0DAAU;;EAyBN,uDAAgB;EAIhB,yDAAiB;AZ6HzB;;A0B5KM;;;;;;EdkBF,qDAAU;EAAV,qEAAU;;EAyBN,kEAAgB;EAIhB,oEAAiB;AZoIzB;;A0BnLM;;;;;;EdkBF,6CAAU;EAAV,6DAAU;;EAyBN,0DAAgB;EAIhB,4DAAiB;AZ2IzB;;A0B1LM;;;;;;EdkBF,6CAAU;EAAV,6DAAU;;EAyBN,0DAAgB;EAIhB,4DAAiB;AZkJzB;;A0BjMM;;;;;;EdkBF,2CAAU;EAAV,2DAAU;;EAyBN,wDAAgB;EAIhB,0DAAiB;AZyJzB;;A0BxMM;;;;;;EdkBF,6CAAU;EAAV,6DAAU;;EAyBN,0DAAgB;EAIhB,4DAAiB;AZgKzB;;A0B/MM;;;;;;EdkBF,yCAAU;EAAV,yDAAU;;EAyBN,sDAAgB;EAIhB,wDAAiB;AZuKzB;;A0BtNM;;;;;;EdkBF,2CAAU;EAAV,2DAAU;;EAyBN,wDAAgB;EAIhB,0DAAiB;AZ8KzB;;A0B7NM;;;;;;EdkBF,6CAAU;EAAV,6DAAU;;EAyBN,0DAAgB;EAIhB,4DAAiB;AZqLzB;;A0BpOM;;;;;;EdkBF,2CAAU;EAAV,2DAAU;;EAyBN,wDAAgB;EAIhB,0DAAiB;AZ4LzB;;A0B3OM;;;;;;EdkBF,yCAAU;EAAV,yDAAU;;EAyBN,sDAAgB;EAIhB,wDAAiB;AZmMzB;;A0BlPM;;;;;;EdkBF,+CAAU;EAAV,+DAAU;;EAyBN,4DAAgB;EAIhB,8DAAiB;AZ0MzB;;A0BzPM;;;;;;EdkBF,8CAAU;EAAV,8DAAU;;EAyBN,2DAAgB;EAIhB,6DAAiB;AZiNzB;;A0BhQM;;;;;;EdkBF,kDAAU;EAAV,kEAAU;;EAyBN,+DAAgB;EAIhB,iEAAiB;AZwNzB;;A0BvQM;;;;;;EdkBF,+CAAU;EAAV,+DAAU;;EAyBN,4DAAgB;EAIhB,8DAAiB;AZ+NzB;;A0B9QM;;;;;;EdkBF,4CAAU;EAAV,4DAAU;;EAyBN,yDAAgB;EAIhB,2DAAiB;AZsOzB;;A0BrRM;;;;;;EdkBF,0CAAU;EAAV,0DAAU;;EAyBN,uDAAgB;EAIhB,yDAAiB;AZ6OzB;;A0B5RM;;;;;;EdkBF,+CAAU;EAAV,+DAAU;;EAyBN,4DAAgB;EAIhB,8DAAiB;AZoPzB;;AepSE;;;;;;EHmBE,0CAAU;EAAV,0DAAU;;EAyBN,uDAAgB;EAIhB,yDAAiB;AZ2PzB;;Ae3SE;;;;;;EGyBE,2IAAwH;AlB4R5H;;AerTE;;;;;;EGyBE,4IAAwH;AlBgS5H;;A2BvRU;;;;;;ECNA,sBAAsB;A5BiShC;;Ae7TE;;;;;;EHmBE,0NAAU;AZkTd;;AerUE;;;;;;EHmBE,gCAAU;EAAV,2DAAU;;EAyBN,wDAAgB;EAIhB,0DAAiB;AZ4RzB;;A2B1SU;;;;;;;EffN,gCAAU;EAAV,iDAAU;;EAyBN,8CAAgB;EAIhB,gDAAiB;AZmSzB;;AkB3UE;;;;;;ENWE,0NAAU;AZoUd;;A6BtVI;EdDF;;;;;;IeHM,qCAAqC;IlBsBzC,8GAAU;IAAV,WAAU;IAkER,6BAA6B;IM5D/B,mGAAwH;ElBmU1H;;EwBlWE;;;;;;IZkDI,oCAAgB;IMnBpB,mGAAwH;ElB+U1H;;EwB9WE;;;;;;IZsDI,oCAAiB;IMvBrB,mGAAwH;ElBkV1H;;E4BlXA;IhB0BE,cAAU;IAAV,sBAAU;EZ8VZ;;EwBvXE;IZkDI,yBAAgB;EZiVtB;;EwBnYE;IZsDI,yBAAiB;EZgVvB;;EehYA;;;;;;IHmBE,cAAU;IAAV,yBAAU;EZmXZ;;EwB5YE;;;;;;IZkDI,yBAAgB;EZsWtB;;EwBxZE;;;;;;IZsDI,yBAAiB;EZqWvB;;E0BpZI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZwYZ;;EwBjaE;;;;;;IZkDI,yBAAgB;EZ2XtB;;EwB7aE;;;;;;IZsDI,yBAAiB;EZ0XvB;;E0BzaI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZ6ZZ;;EwBtbE;;;;;;IZkDI,yBAAgB;EZgZtB;;EwBlcE;;;;;;IZsDI,yBAAiB;EZ+YvB;;E0B9bI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZkbZ;;EwB3cE;;;;;;IZkDI,yBAAgB;EZqatB;;EwBvdE;;;;;;IZsDI,yBAAiB;EZoavB;;E0BndI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZucZ;;EwBheE;;;;;;IZkDI,yBAAgB;EZ0btB;;EwB5eE;;;;;;IZsDI,yBAAiB;EZybvB;;E0BxeI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZ4dZ;;EwBrfE;;;;;;IZkDI,yBAAgB;EZ+ctB;;EwBjgBE;;;;;;IZsDI,yBAAiB;EZ8cvB;;E0B7fI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZifZ;;EwB1gBE;;;;;;IZkDI,yBAAgB;EZoetB;;EwBthBE;;;;;;IZsDI,yBAAiB;EZmevB;;E0BlhBI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZsgBZ;;EwB/hBE;;;;;;IZkDI,yBAAgB;EZyftB;;EwB3iBE;;;;;;IZsDI,yBAAiB;EZwfvB;;E0BviBI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZ2hBZ;;EwBpjBE;;;;;;IZkDI,yBAAgB;EZ8gBtB;;EwBhkBE;;;;;;IZsDI,yBAAiB;EZ6gBvB;;E0B5jBI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZgjBZ;;EwBzkBE;;;;;;IZkDI,yBAAgB;EZmiBtB;;EwBrlBE;;;;;;IZsDI,yBAAiB;EZkiBvB;;E0BjlBI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZqkBZ;;EwB9lBE;;;;;;IZkDI,yBAAgB;EZwjBtB;;EwB1mBE;;;;;;IZsDI,yBAAiB;EZujBvB;;E0BtmBI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZ0lBZ;;EwBnnBE;;;;;;IZkDI,yBAAgB;EZ6kBtB;;EwB/nBE;;;;;;IZsDI,yBAAiB;EZ4kBvB;;E0B3nBI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZ+mBZ;;EwBxoBE;;;;;;IZkDI,yBAAgB;EZkmBtB;;EwBppBE;;;;;;IZsDI,yBAAiB;EZimBvB;;E0BhpBI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZooBZ;;EwB7pBE;;;;;;IZkDI,yBAAgB;EZunBtB;;EwBzqBE;;;;;;IZsDI,yBAAiB;EZsnBvB;;E0BrqBI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZypBZ;;EwBlrBE;;;;;;IZkDI,yBAAgB;EZ4oBtB;;EwB9rBE;;;;;;IZsDI,yBAAiB;EZ2oBvB;;E0B1rBI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZ8qBZ;;EwBvsBE;;;;;;IZkDI,yBAAgB;EZiqBtB;;EwBntBE;;;;;;IZsDI,yBAAiB;EZgqBvB;;E0B/sBI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZmsBZ;;EwB5tBE;;;;;;IZkDI,yBAAgB;EZsrBtB;;EwBxuBE;;;;;;IZsDI,yBAAiB;EZqrBvB;;E0BpuBI;;;;;;IdkBF,cAAU;IAAV,yBAAU;EZwtBZ;;EwBjvBE;;;;;;IZkDI,yBAAgB;EZ2sBtB;;EwB7vBE;;;;;;IZsDI,yBAAiB;EZ0sBvB;;Ee1vBA;;;;;;IHmBE,cAAU;IAAV,yBAAU;EZ6uBZ;;EwBtwBE;;;;;;IZkDI,yBAAgB;EZguBtB;;EwBlxBE;;;;;;IZsDI,yBAAiB;EZ+tBvB;;EmB5wBA;;;;;;IPgBE,cAAU;EZoyBZ;;EevzBA;;;;;;IHmBE,wLAAU;EZ0yBZ;;Ee7zBA;;;;;;IHmBE,WAAU;IAAV,yBAAU;EZgzBZ;;EwBz0BE;;;;;;IZkDI,yBAAgB;EZmyBtB;;EwBr1BE;;;;;;IZsDI,yBAAiB;EZkyBvB;;E2BhzBQ;;;;;;;IffN,cAAU;IAAV,yBAAU;EZq0BZ;;EwB91BE;;;;;;;IZkDI,yBAAgB;EZwzBtB;;EwB12BE;;;;;;;IZsDI,yBAAiB;EZuzBvB;;EkB/1BA;;;;;;INWE,wLAAU;EZ01BZ;AAhhBF","file":"tag.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n TAG\n\\* ˍˍˍˍˍˍˍˍˍ */\n.fr-tag {\n --text-spacing: 0;\n --title-spacing: 0;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n z-index: 1;\n --underline-img: none;\n --link-blank-font: none;\n --link-blank-content: none;\n --hover-tint: var(--hover);\n}\n\n.fr-tag {\n font-size: 0.875rem;\n line-height: 1.5rem;\n min-height: 2rem;\n padding: 0.25rem 0.75rem;\n border-radius: 1rem;\n}\n\n.fr-tag--icon-left[class^=\"fr-icon-\"], .fr-tag--icon-left[class*=\" fr-icon-\"], .fr-tag--icon-left[class^=\"fr-fi-\"], .fr-tag--icon-left[class*=\" fr-fi-\"] {\n flex-direction: row;\n overflow: initial;\n max-width: 100%;\n max-height: none;\n}\n\n.fr-tag--icon-left[class^=\"fr-icon-\"]::before, .fr-tag--icon-left[class*=\" fr-icon-\"]::before, .fr-tag--icon-left[class^=\"fr-fi-\"]::before, .fr-tag--icon-left[class*=\" fr-fi-\"]::before {\n margin-left: -0.16667rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n}\n\n.fr-tag--sm {\n font-size: 0.75rem;\n line-height: 1.25rem;\n min-height: 1.5rem;\n padding: 0.125rem 0.5rem;\n border-radius: 0.75rem;\n}\n\n.fr-tag--sm.fr-tag--icon-left[class^=\"fr-icon-\"], .fr-tag--sm.fr-tag--icon-left[class*=\" fr-icon-\"], .fr-tag--sm.fr-tag--icon-left[class^=\"fr-fi-\"], .fr-tag--sm.fr-tag--icon-left[class*=\" fr-fi-\"] {\n flex-direction: row;\n overflow: initial;\n max-width: 100%;\n max-height: none;\n}\n\n.fr-tag--sm.fr-tag--icon-left[class^=\"fr-icon-\"]::before, .fr-tag--sm.fr-tag--icon-left[class*=\" fr-icon-\"]::before, .fr-tag--sm.fr-tag--icon-left[class^=\"fr-fi-\"]::before, .fr-tag--sm.fr-tag--icon-left[class*=\" fr-fi-\"]::before {\n margin-left: -0.125rem;\n margin-right: 0.25rem;\n font-size: 0.75rem;\n}\n\na.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n position: relative;\n overflow: visible;\n background-position: 50%;\n background-size: 100%;\n background-repeat: no-repeat;\n}\n\na.fr-tag[aria-pressed=\"true\"]::after, button.fr-tag[aria-pressed=\"true\"]::after, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]::after {\n font: normal 700 normal 1rem/1 dsfr-icon;\n content: \"\";\n font-weight: 700;\n position: absolute;\n top: 4px;\n right: 0;\n margin: -0.5rem;\n}\n\na.fr-tag[aria-pressed=\"true\"].fr-tag--sm::after, button.fr-tag[aria-pressed=\"true\"].fr-tag--sm::after, input[type=\"button\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm::after, input[type=\"image\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm::after, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm::after, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm::after {\n font: normal 700 normal 0.75rem/1 dsfr-icon;\n position: absolute;\n top: 3px;\n right: 0;\n margin: -0.375rem;\n}\n\na.fr-tag--dismiss::before, button.fr-tag--dismiss::before, input[type=\"button\"].fr-tag--dismiss::before, input[type=\"image\"].fr-tag--dismiss::before, input[type=\"reset\"].fr-tag--dismiss::before, input[type=\"submit\"].fr-tag--dismiss::before {\n content: none;\n}\n\na.fr-tag--dismiss::after, button.fr-tag--dismiss::after, input[type=\"button\"].fr-tag--dismiss::after, input[type=\"image\"].fr-tag--dismiss::after, input[type=\"reset\"].fr-tag--dismiss::after, input[type=\"submit\"].fr-tag--dismiss::after {\n font: normal 700 normal 1rem/1 dsfr-icon;\n content: \"\";\n font-weight: 700;\n margin-left: 0.25rem;\n margin-right: -0.25rem;\n}\n\na.fr-tag--dismiss.fr-tag--sm::after, button.fr-tag--dismiss.fr-tag--sm::after, input[type=\"button\"].fr-tag--dismiss.fr-tag--sm::after, input[type=\"image\"].fr-tag--dismiss.fr-tag--sm::after, input[type=\"reset\"].fr-tag--dismiss.fr-tag--sm::after, input[type=\"submit\"].fr-tag--dismiss.fr-tag--sm::after {\n font: normal 700 normal 0.75rem/1 dsfr-icon;\n margin-right: -0.1875rem;\n margin-left: 0.125rem;\n}\n\n.fr-tags-group {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.fr-tags-group > li {\n display: inline-flex;\n}\n\n.fr-tags-group .fr-tag {\n margin-right: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.fr-tags-group.fr-tags-group--sm .fr-tag {\n font-size: 0.75rem;\n line-height: 1.25rem;\n min-height: 1.5rem;\n padding: 0.125rem 0.5rem;\n border-radius: 0.75rem;\n}\n\n.fr-tags-group.fr-tags-group--sm .fr-tag::before {\n font: normal 700 normal 1rem/1 dsfr-icon;\n}\n\n.fr-tags-group.fr-tags-group--sm .fr-tag::before {\n content: none;\n}\n\n.fr-tags-group.fr-tags-group--sm .fr-tag {\n margin-right: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.fr-tags-group.fr-tags-group--sm a.fr-tag, .fr-tags-group.fr-tags-group--sm button.fr-tag, .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag, .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag, .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag, .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag {\n margin-right: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.fr-tags-group.fr-tags-group--sm a.fr-tag.fr-tag--dismiss::after, .fr-tags-group.fr-tags-group--sm button.fr-tag.fr-tag--dismiss::after, .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag.fr-tag--dismiss::after, .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag.fr-tag--dismiss::after, .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag.fr-tag--dismiss::after, .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag.fr-tag--dismiss::after {\n font: normal 700 normal 0.75rem/1 dsfr-icon;\n margin-right: -0.1875rem;\n}\n\n.fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed=\"true\"]::after, .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=\"true\"]::after, .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag[aria-pressed=\"true\"]::after, .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag[aria-pressed=\"true\"]::after, .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]::after, .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]::after {\n font: normal 700 normal 0.75rem/1 dsfr-icon;\n position: absolute;\n top: 3px;\n right: 0;\n margin: -0.375rem;\n}\n\n.fr-tags-group a.fr-tag, .fr-tags-group button.fr-tag, .fr-tags-group input[type=\"button\"].fr-tag, .fr-tags-group input[type=\"image\"].fr-tag, .fr-tags-group input[type=\"reset\"].fr-tag, .fr-tags-group input[type=\"submit\"].fr-tag {\n margin-right: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.fr-tags-group a.fr-tag--sm, .fr-tags-group button.fr-tag--sm, .fr-tags-group input[type=\"button\"].fr-tag--sm, .fr-tags-group input[type=\"image\"].fr-tag--sm, .fr-tags-group input[type=\"reset\"].fr-tag--sm, .fr-tags-group input[type=\"submit\"].fr-tag--sm {\n margin-right: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.fr-tag {\n color: var(--text-label-grey);\n background-color: var(--background-contrast-grey);\n --hover: var(--background-contrast-grey-hover);\n --active: var(--background-contrast-grey-active);\n}\n\na.fr-tag, button.fr-tag, input[type=\"button\"].fr-tag, input[type=\"image\"].fr-tag, input[type=\"reset\"].fr-tag, input[type=\"submit\"].fr-tag {\n color: var(--text-action-high-blue-france);\n background-color: var(--background-action-low-blue-france);\n --hover: var(--background-action-low-blue-france-hover);\n --active: var(--background-action-low-blue-france-active);\n}\n\na.fr-tag--green-tilleul-verveine, button.fr-tag--green-tilleul-verveine, input[type=\"button\"].fr-tag--green-tilleul-verveine, input[type=\"image\"].fr-tag--green-tilleul-verveine, input[type=\"reset\"].fr-tag--green-tilleul-verveine, input[type=\"submit\"].fr-tag--green-tilleul-verveine {\n color: var(--text-action-high-green-tilleul-verveine);\n background-color: var(--background-action-low-green-tilleul-verveine);\n --hover: var(--background-action-low-green-tilleul-verveine-hover);\n --active: var(--background-action-low-green-tilleul-verveine-active);\n}\n\na.fr-tag--green-bourgeon, button.fr-tag--green-bourgeon, input[type=\"button\"].fr-tag--green-bourgeon, input[type=\"image\"].fr-tag--green-bourgeon, input[type=\"reset\"].fr-tag--green-bourgeon, input[type=\"submit\"].fr-tag--green-bourgeon {\n color: var(--text-action-high-green-bourgeon);\n background-color: var(--background-action-low-green-bourgeon);\n --hover: var(--background-action-low-green-bourgeon-hover);\n --active: var(--background-action-low-green-bourgeon-active);\n}\n\na.fr-tag--green-emeraude, button.fr-tag--green-emeraude, input[type=\"button\"].fr-tag--green-emeraude, input[type=\"image\"].fr-tag--green-emeraude, input[type=\"reset\"].fr-tag--green-emeraude, input[type=\"submit\"].fr-tag--green-emeraude {\n color: var(--text-action-high-green-emeraude);\n background-color: var(--background-action-low-green-emeraude);\n --hover: var(--background-action-low-green-emeraude-hover);\n --active: var(--background-action-low-green-emeraude-active);\n}\n\na.fr-tag--green-menthe, button.fr-tag--green-menthe, input[type=\"button\"].fr-tag--green-menthe, input[type=\"image\"].fr-tag--green-menthe, input[type=\"reset\"].fr-tag--green-menthe, input[type=\"submit\"].fr-tag--green-menthe {\n color: var(--text-action-high-green-menthe);\n background-color: var(--background-action-low-green-menthe);\n --hover: var(--background-action-low-green-menthe-hover);\n --active: var(--background-action-low-green-menthe-active);\n}\n\na.fr-tag--green-archipel, button.fr-tag--green-archipel, input[type=\"button\"].fr-tag--green-archipel, input[type=\"image\"].fr-tag--green-archipel, input[type=\"reset\"].fr-tag--green-archipel, input[type=\"submit\"].fr-tag--green-archipel {\n color: var(--text-action-high-green-archipel);\n background-color: var(--background-action-low-green-archipel);\n --hover: var(--background-action-low-green-archipel-hover);\n --active: var(--background-action-low-green-archipel-active);\n}\n\na.fr-tag--blue-ecume, button.fr-tag--blue-ecume, input[type=\"button\"].fr-tag--blue-ecume, input[type=\"image\"].fr-tag--blue-ecume, input[type=\"reset\"].fr-tag--blue-ecume, input[type=\"submit\"].fr-tag--blue-ecume {\n color: var(--text-action-high-blue-ecume);\n background-color: var(--background-action-low-blue-ecume);\n --hover: var(--background-action-low-blue-ecume-hover);\n --active: var(--background-action-low-blue-ecume-active);\n}\n\na.fr-tag--blue-cumulus, button.fr-tag--blue-cumulus, input[type=\"button\"].fr-tag--blue-cumulus, input[type=\"image\"].fr-tag--blue-cumulus, input[type=\"reset\"].fr-tag--blue-cumulus, input[type=\"submit\"].fr-tag--blue-cumulus {\n color: var(--text-action-high-blue-cumulus);\n background-color: var(--background-action-low-blue-cumulus);\n --hover: var(--background-action-low-blue-cumulus-hover);\n --active: var(--background-action-low-blue-cumulus-active);\n}\n\na.fr-tag--purple-glycine, button.fr-tag--purple-glycine, input[type=\"button\"].fr-tag--purple-glycine, input[type=\"image\"].fr-tag--purple-glycine, input[type=\"reset\"].fr-tag--purple-glycine, input[type=\"submit\"].fr-tag--purple-glycine {\n color: var(--text-action-high-purple-glycine);\n background-color: var(--background-action-low-purple-glycine);\n --hover: var(--background-action-low-purple-glycine-hover);\n --active: var(--background-action-low-purple-glycine-active);\n}\n\na.fr-tag--pink-macaron, button.fr-tag--pink-macaron, input[type=\"button\"].fr-tag--pink-macaron, input[type=\"image\"].fr-tag--pink-macaron, input[type=\"reset\"].fr-tag--pink-macaron, input[type=\"submit\"].fr-tag--pink-macaron {\n color: var(--text-action-high-pink-macaron);\n background-color: var(--background-action-low-pink-macaron);\n --hover: var(--background-action-low-pink-macaron-hover);\n --active: var(--background-action-low-pink-macaron-active);\n}\n\na.fr-tag--pink-tuile, button.fr-tag--pink-tuile, input[type=\"button\"].fr-tag--pink-tuile, input[type=\"image\"].fr-tag--pink-tuile, input[type=\"reset\"].fr-tag--pink-tuile, input[type=\"submit\"].fr-tag--pink-tuile {\n color: var(--text-action-high-pink-tuile);\n background-color: var(--background-action-low-pink-tuile);\n --hover: var(--background-action-low-pink-tuile-hover);\n --active: var(--background-action-low-pink-tuile-active);\n}\n\na.fr-tag--yellow-tournesol, button.fr-tag--yellow-tournesol, input[type=\"button\"].fr-tag--yellow-tournesol, input[type=\"image\"].fr-tag--yellow-tournesol, input[type=\"reset\"].fr-tag--yellow-tournesol, input[type=\"submit\"].fr-tag--yellow-tournesol {\n color: var(--text-action-high-yellow-tournesol);\n background-color: var(--background-action-low-yellow-tournesol);\n --hover: var(--background-action-low-yellow-tournesol-hover);\n --active: var(--background-action-low-yellow-tournesol-active);\n}\n\na.fr-tag--yellow-moutarde, button.fr-tag--yellow-moutarde, input[type=\"button\"].fr-tag--yellow-moutarde, input[type=\"image\"].fr-tag--yellow-moutarde, input[type=\"reset\"].fr-tag--yellow-moutarde, input[type=\"submit\"].fr-tag--yellow-moutarde {\n color: var(--text-action-high-yellow-moutarde);\n background-color: var(--background-action-low-yellow-moutarde);\n --hover: var(--background-action-low-yellow-moutarde-hover);\n --active: var(--background-action-low-yellow-moutarde-active);\n}\n\na.fr-tag--orange-terre-battue, button.fr-tag--orange-terre-battue, input[type=\"button\"].fr-tag--orange-terre-battue, input[type=\"image\"].fr-tag--orange-terre-battue, input[type=\"reset\"].fr-tag--orange-terre-battue, input[type=\"submit\"].fr-tag--orange-terre-battue {\n color: var(--text-action-high-orange-terre-battue);\n background-color: var(--background-action-low-orange-terre-battue);\n --hover: var(--background-action-low-orange-terre-battue-hover);\n --active: var(--background-action-low-orange-terre-battue-active);\n}\n\na.fr-tag--brown-cafe-creme, button.fr-tag--brown-cafe-creme, input[type=\"button\"].fr-tag--brown-cafe-creme, input[type=\"image\"].fr-tag--brown-cafe-creme, input[type=\"reset\"].fr-tag--brown-cafe-creme, input[type=\"submit\"].fr-tag--brown-cafe-creme {\n color: var(--text-action-high-brown-cafe-creme);\n background-color: var(--background-action-low-brown-cafe-creme);\n --hover: var(--background-action-low-brown-cafe-creme-hover);\n --active: var(--background-action-low-brown-cafe-creme-active);\n}\n\na.fr-tag--brown-caramel, button.fr-tag--brown-caramel, input[type=\"button\"].fr-tag--brown-caramel, input[type=\"image\"].fr-tag--brown-caramel, input[type=\"reset\"].fr-tag--brown-caramel, input[type=\"submit\"].fr-tag--brown-caramel {\n color: var(--text-action-high-brown-caramel);\n background-color: var(--background-action-low-brown-caramel);\n --hover: var(--background-action-low-brown-caramel-hover);\n --active: var(--background-action-low-brown-caramel-active);\n}\n\na.fr-tag--brown-opera, button.fr-tag--brown-opera, input[type=\"button\"].fr-tag--brown-opera, input[type=\"image\"].fr-tag--brown-opera, input[type=\"reset\"].fr-tag--brown-opera, input[type=\"submit\"].fr-tag--brown-opera {\n color: var(--text-action-high-brown-opera);\n background-color: var(--background-action-low-brown-opera);\n --hover: var(--background-action-low-brown-opera-hover);\n --active: var(--background-action-low-brown-opera-active);\n}\n\na.fr-tag--beige-gris-galet, button.fr-tag--beige-gris-galet, input[type=\"button\"].fr-tag--beige-gris-galet, input[type=\"image\"].fr-tag--beige-gris-galet, input[type=\"reset\"].fr-tag--beige-gris-galet, input[type=\"submit\"].fr-tag--beige-gris-galet {\n color: var(--text-action-high-beige-gris-galet);\n background-color: var(--background-action-low-beige-gris-galet);\n --hover: var(--background-action-low-beige-gris-galet-hover);\n --active: var(--background-action-low-beige-gris-galet-active);\n}\n\na.fr-tag[aria-pressed=\"false\"], button.fr-tag[aria-pressed=\"false\"], input[type=\"button\"].fr-tag[aria-pressed=\"false\"], input[type=\"image\"].fr-tag[aria-pressed=\"false\"], input[type=\"reset\"].fr-tag[aria-pressed=\"false\"], input[type=\"submit\"].fr-tag[aria-pressed=\"false\"] {\n color: var(--text-action-high-blue-france);\n background-color: var(--background-action-low-blue-france);\n --hover: var(--background-action-low-blue-france-hover);\n --active: var(--background-action-low-blue-france-active);\n}\n\na.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n color: var(--text-inverted-grey);\n background-color: transparent;\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, var(--background-action-high-blue-france) 0.625rem);\n}\n\na.fr-tag[aria-pressed=\"true\"]:hover, button.fr-tag[aria-pressed=\"true\"]:hover, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:hover {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, var(--background-action-high-blue-france-hover) 0.625rem);\n}\n\na.fr-tag[aria-pressed=\"true\"]:active, button.fr-tag[aria-pressed=\"true\"]:active, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:active {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, var(--background-action-high-blue-france-active) 0.625rem);\n}\n\na.fr-tag[aria-pressed=\"true\"]:disabled, button.fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:disabled {\n background-image: none;\n}\n\na.fr-tag[aria-pressed=\"true\"]::after, button.fr-tag[aria-pressed=\"true\"]::after, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]::after {\n color: var(--text-action-high-blue-france);\n}\n\na.fr-tag[aria-pressed=\"true\"].fr-tag--sm, button.fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"button\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"image\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--hsla) 0.5rem), radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france) 0.5rem);\n}\n\na.fr-tag.fr-tag--dismiss, button.fr-tag.fr-tag--dismiss, input[type=\"button\"].fr-tag.fr-tag--dismiss, input[type=\"image\"].fr-tag.fr-tag--dismiss, input[type=\"reset\"].fr-tag.fr-tag--dismiss, input[type=\"submit\"].fr-tag.fr-tag--dismiss {\n color: var(--text-inverted-grey);\n background-color: var(--background-action-high-blue-france);\n --hover: var(--background-action-high-blue-france-hover);\n --active: var(--background-action-high-blue-france-active);\n}\n\na.fr-tag:disabled, a.fr-tag:not([href]), button.fr-tag:disabled, input[type=\"button\"].fr-tag:disabled, input[type=\"image\"].fr-tag:disabled, input[type=\"reset\"].fr-tag:disabled, input[type=\"submit\"].fr-tag:disabled {\n color: var(--text-disabled-grey);\n background-color: var(--background-disabled-grey);\n --hover: var(--background-disabled-grey-hover);\n --active: var(--background-disabled-grey-active);\n}\n\n.fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--hsla) 0.5rem), radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france) 0.5rem);\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n background-size: 100% 100%, 100% 100%;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, #000091 0.625rem) !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"]:hover, button.fr-tag[aria-pressed=\"true\"]:hover, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:hover {\n background-image: #1212ff !important;\n }\n a.fr-tag[aria-pressed=\"true\"]:active, button.fr-tag[aria-pressed=\"true\"]:active, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:active {\n background-image: #2323ff !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag {\n color: #161616;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag {\n background-color: #eee;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag:hover {\n background-color: #d2d2d2;\n }\n .fr-tag:active {\n background-color: #c1c1c1;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag, button.fr-tag, input[type=\"button\"].fr-tag, input[type=\"image\"].fr-tag, input[type=\"reset\"].fr-tag, input[type=\"submit\"].fr-tag {\n color: #000091;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag, button.fr-tag, input[type=\"button\"].fr-tag, input[type=\"image\"].fr-tag, input[type=\"reset\"].fr-tag, input[type=\"submit\"].fr-tag {\n background-color: #e3e3fd;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag:hover, button.fr-tag:hover, input[type=\"button\"].fr-tag:hover, input[type=\"image\"].fr-tag:hover, input[type=\"reset\"].fr-tag:hover, input[type=\"submit\"].fr-tag:hover {\n background-color: #c1c1fb;\n }\n a.fr-tag:active, button.fr-tag:active, input[type=\"button\"].fr-tag:active, input[type=\"image\"].fr-tag:active, input[type=\"reset\"].fr-tag:active, input[type=\"submit\"].fr-tag:active {\n background-color: #adadf9;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-tilleul-verveine, button.fr-tag--green-tilleul-verveine, input[type=\"button\"].fr-tag--green-tilleul-verveine, input[type=\"image\"].fr-tag--green-tilleul-verveine, input[type=\"reset\"].fr-tag--green-tilleul-verveine, input[type=\"submit\"].fr-tag--green-tilleul-verveine {\n color: #66673d;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-tilleul-verveine, button.fr-tag--green-tilleul-verveine, input[type=\"button\"].fr-tag--green-tilleul-verveine, input[type=\"image\"].fr-tag--green-tilleul-verveine, input[type=\"reset\"].fr-tag--green-tilleul-verveine, input[type=\"submit\"].fr-tag--green-tilleul-verveine {\n background-color: #fbe769;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-tilleul-verveine:hover, button.fr-tag--green-tilleul-verveine:hover, input[type=\"button\"].fr-tag--green-tilleul-verveine:hover, input[type=\"image\"].fr-tag--green-tilleul-verveine:hover, input[type=\"reset\"].fr-tag--green-tilleul-verveine:hover, input[type=\"submit\"].fr-tag--green-tilleul-verveine:hover {\n background-color: #d7c655;\n }\n a.fr-tag--green-tilleul-verveine:active, button.fr-tag--green-tilleul-verveine:active, input[type=\"button\"].fr-tag--green-tilleul-verveine:active, input[type=\"image\"].fr-tag--green-tilleul-verveine:active, input[type=\"reset\"].fr-tag--green-tilleul-verveine:active, input[type=\"submit\"].fr-tag--green-tilleul-verveine:active {\n background-color: #c2b24c;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-bourgeon, button.fr-tag--green-bourgeon, input[type=\"button\"].fr-tag--green-bourgeon, input[type=\"image\"].fr-tag--green-bourgeon, input[type=\"reset\"].fr-tag--green-bourgeon, input[type=\"submit\"].fr-tag--green-bourgeon {\n color: #447049;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-bourgeon, button.fr-tag--green-bourgeon, input[type=\"button\"].fr-tag--green-bourgeon, input[type=\"image\"].fr-tag--green-bourgeon, input[type=\"reset\"].fr-tag--green-bourgeon, input[type=\"submit\"].fr-tag--green-bourgeon {\n background-color: #a9fb68;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-bourgeon:hover, button.fr-tag--green-bourgeon:hover, input[type=\"button\"].fr-tag--green-bourgeon:hover, input[type=\"image\"].fr-tag--green-bourgeon:hover, input[type=\"reset\"].fr-tag--green-bourgeon:hover, input[type=\"submit\"].fr-tag--green-bourgeon:hover {\n background-color: #8ed654;\n }\n a.fr-tag--green-bourgeon:active, button.fr-tag--green-bourgeon:active, input[type=\"button\"].fr-tag--green-bourgeon:active, input[type=\"image\"].fr-tag--green-bourgeon:active, input[type=\"reset\"].fr-tag--green-bourgeon:active, input[type=\"submit\"].fr-tag--green-bourgeon:active {\n background-color: #7fc04b;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-emeraude, button.fr-tag--green-emeraude, input[type=\"button\"].fr-tag--green-emeraude, input[type=\"image\"].fr-tag--green-emeraude, input[type=\"reset\"].fr-tag--green-emeraude, input[type=\"submit\"].fr-tag--green-emeraude {\n color: #297254;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-emeraude, button.fr-tag--green-emeraude, input[type=\"button\"].fr-tag--green-emeraude, input[type=\"image\"].fr-tag--green-emeraude, input[type=\"reset\"].fr-tag--green-emeraude, input[type=\"submit\"].fr-tag--green-emeraude {\n background-color: #9ef9be;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-emeraude:hover, button.fr-tag--green-emeraude:hover, input[type=\"button\"].fr-tag--green-emeraude:hover, input[type=\"image\"].fr-tag--green-emeraude:hover, input[type=\"reset\"].fr-tag--green-emeraude:hover, input[type=\"submit\"].fr-tag--green-emeraude:hover {\n background-color: #69df97;\n }\n a.fr-tag--green-emeraude:active, button.fr-tag--green-emeraude:active, input[type=\"button\"].fr-tag--green-emeraude:active, input[type=\"image\"].fr-tag--green-emeraude:active, input[type=\"reset\"].fr-tag--green-emeraude:active, input[type=\"submit\"].fr-tag--green-emeraude:active {\n background-color: #5ec988;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-menthe, button.fr-tag--green-menthe, input[type=\"button\"].fr-tag--green-menthe, input[type=\"image\"].fr-tag--green-menthe, input[type=\"reset\"].fr-tag--green-menthe, input[type=\"submit\"].fr-tag--green-menthe {\n color: #37635f;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-menthe, button.fr-tag--green-menthe, input[type=\"button\"].fr-tag--green-menthe, input[type=\"image\"].fr-tag--green-menthe, input[type=\"reset\"].fr-tag--green-menthe, input[type=\"submit\"].fr-tag--green-menthe {\n background-color: #8bf8e7;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-menthe:hover, button.fr-tag--green-menthe:hover, input[type=\"button\"].fr-tag--green-menthe:hover, input[type=\"image\"].fr-tag--green-menthe:hover, input[type=\"reset\"].fr-tag--green-menthe:hover, input[type=\"submit\"].fr-tag--green-menthe:hover {\n background-color: #6ed5c5;\n }\n a.fr-tag--green-menthe:active, button.fr-tag--green-menthe:active, input[type=\"button\"].fr-tag--green-menthe:active, input[type=\"image\"].fr-tag--green-menthe:active, input[type=\"reset\"].fr-tag--green-menthe:active, input[type=\"submit\"].fr-tag--green-menthe:active {\n background-color: #62bfb1;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-archipel, button.fr-tag--green-archipel, input[type=\"button\"].fr-tag--green-archipel, input[type=\"image\"].fr-tag--green-archipel, input[type=\"reset\"].fr-tag--green-archipel, input[type=\"submit\"].fr-tag--green-archipel {\n color: #006a6f;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-archipel, button.fr-tag--green-archipel, input[type=\"button\"].fr-tag--green-archipel, input[type=\"image\"].fr-tag--green-archipel, input[type=\"reset\"].fr-tag--green-archipel, input[type=\"submit\"].fr-tag--green-archipel {\n background-color: #a6f2fa;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-archipel:hover, button.fr-tag--green-archipel:hover, input[type=\"button\"].fr-tag--green-archipel:hover, input[type=\"image\"].fr-tag--green-archipel:hover, input[type=\"reset\"].fr-tag--green-archipel:hover, input[type=\"submit\"].fr-tag--green-archipel:hover {\n background-color: #62dbe5;\n }\n a.fr-tag--green-archipel:active, button.fr-tag--green-archipel:active, input[type=\"button\"].fr-tag--green-archipel:active, input[type=\"image\"].fr-tag--green-archipel:active, input[type=\"reset\"].fr-tag--green-archipel:active, input[type=\"submit\"].fr-tag--green-archipel:active {\n background-color: #58c5cf;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-ecume, button.fr-tag--blue-ecume, input[type=\"button\"].fr-tag--blue-ecume, input[type=\"image\"].fr-tag--blue-ecume, input[type=\"reset\"].fr-tag--blue-ecume, input[type=\"submit\"].fr-tag--blue-ecume {\n color: #2f4077;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-ecume, button.fr-tag--blue-ecume, input[type=\"button\"].fr-tag--blue-ecume, input[type=\"image\"].fr-tag--blue-ecume, input[type=\"reset\"].fr-tag--blue-ecume, input[type=\"submit\"].fr-tag--blue-ecume {\n background-color: #dee5fd;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-ecume:hover, button.fr-tag--blue-ecume:hover, input[type=\"button\"].fr-tag--blue-ecume:hover, input[type=\"image\"].fr-tag--blue-ecume:hover, input[type=\"reset\"].fr-tag--blue-ecume:hover, input[type=\"submit\"].fr-tag--blue-ecume:hover {\n background-color: #b4c5fb;\n }\n a.fr-tag--blue-ecume:active, button.fr-tag--blue-ecume:active, input[type=\"button\"].fr-tag--blue-ecume:active, input[type=\"image\"].fr-tag--blue-ecume:active, input[type=\"reset\"].fr-tag--blue-ecume:active, input[type=\"submit\"].fr-tag--blue-ecume:active {\n background-color: #99b3f9;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-cumulus, button.fr-tag--blue-cumulus, input[type=\"button\"].fr-tag--blue-cumulus, input[type=\"image\"].fr-tag--blue-cumulus, input[type=\"reset\"].fr-tag--blue-cumulus, input[type=\"submit\"].fr-tag--blue-cumulus {\n color: #3558a2;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-cumulus, button.fr-tag--blue-cumulus, input[type=\"button\"].fr-tag--blue-cumulus, input[type=\"image\"].fr-tag--blue-cumulus, input[type=\"reset\"].fr-tag--blue-cumulus, input[type=\"submit\"].fr-tag--blue-cumulus {\n background-color: #dae6fd;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-cumulus:hover, button.fr-tag--blue-cumulus:hover, input[type=\"button\"].fr-tag--blue-cumulus:hover, input[type=\"image\"].fr-tag--blue-cumulus:hover, input[type=\"reset\"].fr-tag--blue-cumulus:hover, input[type=\"submit\"].fr-tag--blue-cumulus:hover {\n background-color: #a9c8fb;\n }\n a.fr-tag--blue-cumulus:active, button.fr-tag--blue-cumulus:active, input[type=\"button\"].fr-tag--blue-cumulus:active, input[type=\"image\"].fr-tag--blue-cumulus:active, input[type=\"reset\"].fr-tag--blue-cumulus:active, input[type=\"submit\"].fr-tag--blue-cumulus:active {\n background-color: #8ab8f9;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--purple-glycine, button.fr-tag--purple-glycine, input[type=\"button\"].fr-tag--purple-glycine, input[type=\"image\"].fr-tag--purple-glycine, input[type=\"reset\"].fr-tag--purple-glycine, input[type=\"submit\"].fr-tag--purple-glycine {\n color: #6e445a;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--purple-glycine, button.fr-tag--purple-glycine, input[type=\"button\"].fr-tag--purple-glycine, input[type=\"image\"].fr-tag--purple-glycine, input[type=\"reset\"].fr-tag--purple-glycine, input[type=\"submit\"].fr-tag--purple-glycine {\n background-color: #fddbfa;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--purple-glycine:hover, button.fr-tag--purple-glycine:hover, input[type=\"button\"].fr-tag--purple-glycine:hover, input[type=\"image\"].fr-tag--purple-glycine:hover, input[type=\"reset\"].fr-tag--purple-glycine:hover, input[type=\"submit\"].fr-tag--purple-glycine:hover {\n background-color: #fbaff5;\n }\n a.fr-tag--purple-glycine:active, button.fr-tag--purple-glycine:active, input[type=\"button\"].fr-tag--purple-glycine:active, input[type=\"image\"].fr-tag--purple-glycine:active, input[type=\"reset\"].fr-tag--purple-glycine:active, input[type=\"submit\"].fr-tag--purple-glycine:active {\n background-color: #fa96f2;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-macaron, button.fr-tag--pink-macaron, input[type=\"button\"].fr-tag--pink-macaron, input[type=\"image\"].fr-tag--pink-macaron, input[type=\"reset\"].fr-tag--pink-macaron, input[type=\"submit\"].fr-tag--pink-macaron {\n color: #8d533e;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-macaron, button.fr-tag--pink-macaron, input[type=\"button\"].fr-tag--pink-macaron, input[type=\"image\"].fr-tag--pink-macaron, input[type=\"reset\"].fr-tag--pink-macaron, input[type=\"submit\"].fr-tag--pink-macaron {\n background-color: #fddfda;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-macaron:hover, button.fr-tag--pink-macaron:hover, input[type=\"button\"].fr-tag--pink-macaron:hover, input[type=\"image\"].fr-tag--pink-macaron:hover, input[type=\"reset\"].fr-tag--pink-macaron:hover, input[type=\"submit\"].fr-tag--pink-macaron:hover {\n background-color: #fbb8ab;\n }\n a.fr-tag--pink-macaron:active, button.fr-tag--pink-macaron:active, input[type=\"button\"].fr-tag--pink-macaron:active, input[type=\"image\"].fr-tag--pink-macaron:active, input[type=\"reset\"].fr-tag--pink-macaron:active, input[type=\"submit\"].fr-tag--pink-macaron:active {\n background-color: #faa18d;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-tuile, button.fr-tag--pink-tuile, input[type=\"button\"].fr-tag--pink-tuile, input[type=\"image\"].fr-tag--pink-tuile, input[type=\"reset\"].fr-tag--pink-tuile, input[type=\"submit\"].fr-tag--pink-tuile {\n color: #a94645;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-tuile, button.fr-tag--pink-tuile, input[type=\"button\"].fr-tag--pink-tuile, input[type=\"image\"].fr-tag--pink-tuile, input[type=\"reset\"].fr-tag--pink-tuile, input[type=\"submit\"].fr-tag--pink-tuile {\n background-color: #fddfdb;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-tuile:hover, button.fr-tag--pink-tuile:hover, input[type=\"button\"].fr-tag--pink-tuile:hover, input[type=\"image\"].fr-tag--pink-tuile:hover, input[type=\"reset\"].fr-tag--pink-tuile:hover, input[type=\"submit\"].fr-tag--pink-tuile:hover {\n background-color: #fbb8ad;\n }\n a.fr-tag--pink-tuile:active, button.fr-tag--pink-tuile:active, input[type=\"button\"].fr-tag--pink-tuile:active, input[type=\"image\"].fr-tag--pink-tuile:active, input[type=\"reset\"].fr-tag--pink-tuile:active, input[type=\"submit\"].fr-tag--pink-tuile:active {\n background-color: #faa191;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--yellow-tournesol, button.fr-tag--yellow-tournesol, input[type=\"button\"].fr-tag--yellow-tournesol, input[type=\"image\"].fr-tag--yellow-tournesol, input[type=\"reset\"].fr-tag--yellow-tournesol, input[type=\"submit\"].fr-tag--yellow-tournesol {\n color: #716043;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--yellow-tournesol, button.fr-tag--yellow-tournesol, input[type=\"button\"].fr-tag--yellow-tournesol, input[type=\"image\"].fr-tag--yellow-tournesol, input[type=\"reset\"].fr-tag--yellow-tournesol, input[type=\"submit\"].fr-tag--yellow-tournesol {\n background-color: #fde39c;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--yellow-tournesol:hover, button.fr-tag--yellow-tournesol:hover, input[type=\"button\"].fr-tag--yellow-tournesol:hover, input[type=\"image\"].fr-tag--yellow-tournesol:hover, input[type=\"reset\"].fr-tag--yellow-tournesol:hover, input[type=\"submit\"].fr-tag--yellow-tournesol:hover {\n background-color: #e9c53b;\n }\n a.fr-tag--yellow-tournesol:active, button.fr-tag--yellow-tournesol:active, input[type=\"button\"].fr-tag--yellow-tournesol:active, input[type=\"image\"].fr-tag--yellow-tournesol:active, input[type=\"reset\"].fr-tag--yellow-tournesol:active, input[type=\"submit\"].fr-tag--yellow-tournesol:active {\n background-color: #d3b235;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--yellow-moutarde, button.fr-tag--yellow-moutarde, input[type=\"button\"].fr-tag--yellow-moutarde, input[type=\"image\"].fr-tag--yellow-moutarde, input[type=\"reset\"].fr-tag--yellow-moutarde, input[type=\"submit\"].fr-tag--yellow-moutarde {\n color: #695240;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--yellow-moutarde, button.fr-tag--yellow-moutarde, input[type=\"button\"].fr-tag--yellow-moutarde, input[type=\"image\"].fr-tag--yellow-moutarde, input[type=\"reset\"].fr-tag--yellow-moutarde, input[type=\"submit\"].fr-tag--yellow-moutarde {\n background-color: #fde2b5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--yellow-moutarde:hover, button.fr-tag--yellow-moutarde:hover, input[type=\"button\"].fr-tag--yellow-moutarde:hover, input[type=\"image\"].fr-tag--yellow-moutarde:hover, input[type=\"reset\"].fr-tag--yellow-moutarde:hover, input[type=\"submit\"].fr-tag--yellow-moutarde:hover {\n background-color: #f6c43c;\n }\n a.fr-tag--yellow-moutarde:active, button.fr-tag--yellow-moutarde:active, input[type=\"button\"].fr-tag--yellow-moutarde:active, input[type=\"image\"].fr-tag--yellow-moutarde:active, input[type=\"reset\"].fr-tag--yellow-moutarde:active, input[type=\"submit\"].fr-tag--yellow-moutarde:active {\n background-color: #dfb135;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--orange-terre-battue, button.fr-tag--orange-terre-battue, input[type=\"button\"].fr-tag--orange-terre-battue, input[type=\"image\"].fr-tag--orange-terre-battue, input[type=\"reset\"].fr-tag--orange-terre-battue, input[type=\"submit\"].fr-tag--orange-terre-battue {\n color: #755348;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--orange-terre-battue, button.fr-tag--orange-terre-battue, input[type=\"button\"].fr-tag--orange-terre-battue, input[type=\"image\"].fr-tag--orange-terre-battue, input[type=\"reset\"].fr-tag--orange-terre-battue, input[type=\"submit\"].fr-tag--orange-terre-battue {\n background-color: #fddfd8;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--orange-terre-battue:hover, button.fr-tag--orange-terre-battue:hover, input[type=\"button\"].fr-tag--orange-terre-battue:hover, input[type=\"image\"].fr-tag--orange-terre-battue:hover, input[type=\"reset\"].fr-tag--orange-terre-battue:hover, input[type=\"submit\"].fr-tag--orange-terre-battue:hover {\n background-color: #fbb8a5;\n }\n a.fr-tag--orange-terre-battue:active, button.fr-tag--orange-terre-battue:active, input[type=\"button\"].fr-tag--orange-terre-battue:active, input[type=\"image\"].fr-tag--orange-terre-battue:active, input[type=\"reset\"].fr-tag--orange-terre-battue:active, input[type=\"submit\"].fr-tag--orange-terre-battue:active {\n background-color: #faa184;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-cafe-creme, button.fr-tag--brown-cafe-creme, input[type=\"button\"].fr-tag--brown-cafe-creme, input[type=\"image\"].fr-tag--brown-cafe-creme, input[type=\"reset\"].fr-tag--brown-cafe-creme, input[type=\"submit\"].fr-tag--brown-cafe-creme {\n color: #685c48;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-cafe-creme, button.fr-tag--brown-cafe-creme, input[type=\"button\"].fr-tag--brown-cafe-creme, input[type=\"image\"].fr-tag--brown-cafe-creme, input[type=\"reset\"].fr-tag--brown-cafe-creme, input[type=\"submit\"].fr-tag--brown-cafe-creme {\n background-color: #f4e3c7;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-cafe-creme:hover, button.fr-tag--brown-cafe-creme:hover, input[type=\"button\"].fr-tag--brown-cafe-creme:hover, input[type=\"image\"].fr-tag--brown-cafe-creme:hover, input[type=\"reset\"].fr-tag--brown-cafe-creme:hover, input[type=\"submit\"].fr-tag--brown-cafe-creme:hover {\n background-color: #e1c386;\n }\n a.fr-tag--brown-cafe-creme:active, button.fr-tag--brown-cafe-creme:active, input[type=\"button\"].fr-tag--brown-cafe-creme:active, input[type=\"image\"].fr-tag--brown-cafe-creme:active, input[type=\"reset\"].fr-tag--brown-cafe-creme:active, input[type=\"submit\"].fr-tag--brown-cafe-creme:active {\n background-color: #ccb078;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-caramel, button.fr-tag--brown-caramel, input[type=\"button\"].fr-tag--brown-caramel, input[type=\"image\"].fr-tag--brown-caramel, input[type=\"reset\"].fr-tag--brown-caramel, input[type=\"submit\"].fr-tag--brown-caramel {\n color: #845d48;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-caramel, button.fr-tag--brown-caramel, input[type=\"button\"].fr-tag--brown-caramel, input[type=\"image\"].fr-tag--brown-caramel, input[type=\"reset\"].fr-tag--brown-caramel, input[type=\"submit\"].fr-tag--brown-caramel {\n background-color: #f3e2d9;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-caramel:hover, button.fr-tag--brown-caramel:hover, input[type=\"button\"].fr-tag--brown-caramel:hover, input[type=\"image\"].fr-tag--brown-caramel:hover, input[type=\"reset\"].fr-tag--brown-caramel:hover, input[type=\"submit\"].fr-tag--brown-caramel:hover {\n background-color: #e7bea6;\n }\n a.fr-tag--brown-caramel:active, button.fr-tag--brown-caramel:active, input[type=\"button\"].fr-tag--brown-caramel:active, input[type=\"image\"].fr-tag--brown-caramel:active, input[type=\"reset\"].fr-tag--brown-caramel:active, input[type=\"submit\"].fr-tag--brown-caramel:active {\n background-color: #e1a982;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-opera, button.fr-tag--brown-opera, input[type=\"button\"].fr-tag--brown-opera, input[type=\"image\"].fr-tag--brown-opera, input[type=\"reset\"].fr-tag--brown-opera, input[type=\"submit\"].fr-tag--brown-opera {\n color: #745b47;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-opera, button.fr-tag--brown-opera, input[type=\"button\"].fr-tag--brown-opera, input[type=\"image\"].fr-tag--brown-opera, input[type=\"reset\"].fr-tag--brown-opera, input[type=\"submit\"].fr-tag--brown-opera {\n background-color: #f3e2d7;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-opera:hover, button.fr-tag--brown-opera:hover, input[type=\"button\"].fr-tag--brown-opera:hover, input[type=\"image\"].fr-tag--brown-opera:hover, input[type=\"reset\"].fr-tag--brown-opera:hover, input[type=\"submit\"].fr-tag--brown-opera:hover {\n background-color: #e7bfa0;\n }\n a.fr-tag--brown-opera:active, button.fr-tag--brown-opera:active, input[type=\"button\"].fr-tag--brown-opera:active, input[type=\"image\"].fr-tag--brown-opera:active, input[type=\"reset\"].fr-tag--brown-opera:active, input[type=\"submit\"].fr-tag--brown-opera:active {\n background-color: #deaa7e;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--beige-gris-galet, button.fr-tag--beige-gris-galet, input[type=\"button\"].fr-tag--beige-gris-galet, input[type=\"image\"].fr-tag--beige-gris-galet, input[type=\"reset\"].fr-tag--beige-gris-galet, input[type=\"submit\"].fr-tag--beige-gris-galet {\n color: #6a6156;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--beige-gris-galet, button.fr-tag--beige-gris-galet, input[type=\"button\"].fr-tag--beige-gris-galet, input[type=\"image\"].fr-tag--beige-gris-galet, input[type=\"reset\"].fr-tag--beige-gris-galet, input[type=\"submit\"].fr-tag--beige-gris-galet {\n background-color: #eee4d9;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--beige-gris-galet:hover, button.fr-tag--beige-gris-galet:hover, input[type=\"button\"].fr-tag--beige-gris-galet:hover, input[type=\"image\"].fr-tag--beige-gris-galet:hover, input[type=\"reset\"].fr-tag--beige-gris-galet:hover, input[type=\"submit\"].fr-tag--beige-gris-galet:hover {\n background-color: #dbc3a4;\n }\n a.fr-tag--beige-gris-galet:active, button.fr-tag--beige-gris-galet:active, input[type=\"button\"].fr-tag--beige-gris-galet:active, input[type=\"image\"].fr-tag--beige-gris-galet:active, input[type=\"reset\"].fr-tag--beige-gris-galet:active, input[type=\"submit\"].fr-tag--beige-gris-galet:active {\n background-color: #c6b094;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"false\"], button.fr-tag[aria-pressed=\"false\"], input[type=\"button\"].fr-tag[aria-pressed=\"false\"], input[type=\"image\"].fr-tag[aria-pressed=\"false\"], input[type=\"reset\"].fr-tag[aria-pressed=\"false\"], input[type=\"submit\"].fr-tag[aria-pressed=\"false\"] {\n color: #000091;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"false\"], button.fr-tag[aria-pressed=\"false\"], input[type=\"button\"].fr-tag[aria-pressed=\"false\"], input[type=\"image\"].fr-tag[aria-pressed=\"false\"], input[type=\"reset\"].fr-tag[aria-pressed=\"false\"], input[type=\"submit\"].fr-tag[aria-pressed=\"false\"] {\n background-color: #e3e3fd;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"false\"]:hover, button.fr-tag[aria-pressed=\"false\"]:hover, input[type=\"button\"].fr-tag[aria-pressed=\"false\"]:hover, input[type=\"image\"].fr-tag[aria-pressed=\"false\"]:hover, input[type=\"reset\"].fr-tag[aria-pressed=\"false\"]:hover, input[type=\"submit\"].fr-tag[aria-pressed=\"false\"]:hover {\n background-color: #c1c1fb;\n }\n a.fr-tag[aria-pressed=\"false\"]:active, button.fr-tag[aria-pressed=\"false\"]:active, input[type=\"button\"].fr-tag[aria-pressed=\"false\"]:active, input[type=\"image\"].fr-tag[aria-pressed=\"false\"]:active, input[type=\"reset\"].fr-tag[aria-pressed=\"false\"]:active, input[type=\"submit\"].fr-tag[aria-pressed=\"false\"]:active {\n background-color: #adadf9;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n color: #fff;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n background-color: transparent;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, #000091 0.625rem);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"]:hover, button.fr-tag[aria-pressed=\"true\"]:hover, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:hover {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, #1212ff 0.625rem);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"]:active, button.fr-tag[aria-pressed=\"true\"]:active, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:active {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, #2323ff 0.625rem);\n }\n}\n\na.fr-tag[aria-pressed=\"true\"]:disabled, button.fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:disabled {\n background-image: none;\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"]::after, button.fr-tag[aria-pressed=\"true\"]::after, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]::after {\n color: #000091;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"].fr-tag--sm, button.fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"button\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"image\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--hsla) 0.5rem), radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag.fr-tag--dismiss, button.fr-tag.fr-tag--dismiss, input[type=\"button\"].fr-tag.fr-tag--dismiss, input[type=\"image\"].fr-tag.fr-tag--dismiss, input[type=\"reset\"].fr-tag.fr-tag--dismiss, input[type=\"submit\"].fr-tag.fr-tag--dismiss {\n color: #fff;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag.fr-tag--dismiss, button.fr-tag.fr-tag--dismiss, input[type=\"button\"].fr-tag.fr-tag--dismiss, input[type=\"image\"].fr-tag.fr-tag--dismiss, input[type=\"reset\"].fr-tag.fr-tag--dismiss, input[type=\"submit\"].fr-tag.fr-tag--dismiss {\n background-color: #000091;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag.fr-tag--dismiss:hover, button.fr-tag.fr-tag--dismiss:hover, input[type=\"button\"].fr-tag.fr-tag--dismiss:hover, input[type=\"image\"].fr-tag.fr-tag--dismiss:hover, input[type=\"reset\"].fr-tag.fr-tag--dismiss:hover, input[type=\"submit\"].fr-tag.fr-tag--dismiss:hover {\n background-color: #1212ff;\n }\n a.fr-tag.fr-tag--dismiss:active, button.fr-tag.fr-tag--dismiss:active, input[type=\"button\"].fr-tag.fr-tag--dismiss:active, input[type=\"image\"].fr-tag.fr-tag--dismiss:active, input[type=\"reset\"].fr-tag.fr-tag--dismiss:active, input[type=\"submit\"].fr-tag.fr-tag--dismiss:active {\n background-color: #2323ff;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag:disabled, a.fr-tag:not([href]), button.fr-tag:disabled, input[type=\"button\"].fr-tag:disabled, input[type=\"image\"].fr-tag:disabled, input[type=\"reset\"].fr-tag:disabled, input[type=\"submit\"].fr-tag:disabled {\n color: #929292;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag:disabled, a.fr-tag:not([href]), button.fr-tag:disabled, input[type=\"button\"].fr-tag:disabled, input[type=\"image\"].fr-tag:disabled, input[type=\"reset\"].fr-tag:disabled, input[type=\"submit\"].fr-tag:disabled {\n background-color: #e5e5e5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag:disabled:hover, a.fr-tag:not([href]):hover, button.fr-tag:disabled:hover, input[type=\"button\"].fr-tag:disabled:hover, input[type=\"image\"].fr-tag:disabled:hover, input[type=\"reset\"].fr-tag:disabled:hover, input[type=\"submit\"].fr-tag:disabled:hover {\n background-color: #c5c5c5;\n }\n a.fr-tag:disabled:active, a.fr-tag:not([href]):active, button.fr-tag:disabled:active, input[type=\"button\"].fr-tag:disabled:active, input[type=\"image\"].fr-tag:disabled:active, input[type=\"reset\"].fr-tag:disabled:active, input[type=\"submit\"].fr-tag:disabled:active {\n background-color: #b2b2b2;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--hsla) 0.5rem), radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem);\n }\n}\n","////\n/// Tag Main\n/// @group tag\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n TAG\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@import 'index';\n@import 'style/module';\n@import 'style/scheme';\n\n@include _tag-scheme;\n","////\n/// Link Tool : build\n/// @group link\n////\n\n@function _sort-sizes($sizes) {\n $sorted-map: (\n md: map_get($sizes, md)\n );\n\n @each $size, $size-settings in $sizes {\n @if $size != md {\n $sorted-map: map-merge($sorted-map, ($size: $size-settings));\n }\n }\n\n @return $sorted-map;\n}\n\n@mixin _link-class($base, $size: md, $place: null, $align-on-content: false) {\n $selector: '';\n\n @if $size != md {\n $selector: '#{$base}--#{$size}';\n }\n\n @if $align-on-content {\n $selector: '#{$selector}#{$base}--align-on-content';\n }\n\n @if $place == only {\n @if $selector == '' {\n $selector: '#{$base}';\n }\n $selector: '#{$selector}:not([class*=\"#{str-slice(quote($base), 2)}--icon-\"])';\n }\n @else if $place == left or $place == right {\n $selector: '#{$selector}#{$base}--icon-#{$place}';\n }\n\n @if $selector == '' {\n $selector: $base;\n }\n\n #{$selector} {\n @if $place != null {\n @include has-icon {\n @content;\n }\n }\n @else {\n @content;\n }\n }\n}\n\n@mixin _build-link-base {\n @include set-text-margin(0);\n @include set-title-margin(0);\n @include display-flex(row, center, null, null, true);\n @include z-index(over);\n}\n\n@mixin _build-link($settings) {\n $places: map_get($settings, places);\n $sizes: _sort-sizes(map_get($settings, sizes));\n $border-radius: map-get($settings, border-radius);\n $align-on-content: map-get($settings, align-on-content);\n $base: ns(map-get($settings, selector));\n $underline: map-get($settings, underline);\n\n #{$base} {\n @include _build-link-base;\n @if $underline != true {\n @include disable-underline;\n @include tint-enabled(true, null);\n }\n @content;\n }\n\n @each $size, $size-settings in $sizes {\n @include _link-class($base, $size) {\n @include _build-link-size($size-settings, $border-radius);\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, null, true) {\n @include _link-align-on-content($size, null, $size-settings);\n }\n }\n\n @if $places != null {\n @each $place in $places {\n @include _link-class($base, $size, $place) {\n @include _build-link-icon($size-settings, $place, $size, $size == md, $place == right);\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, $place, true) {\n @include _link-align-on-content($size, $place, $size-settings);\n }\n }\n }\n }\n }\n}\n\n@mixin build-link() {\n @include _build-link($links-settings) {\n @content;\n }\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} font-size($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","////\n/// Core Tool : Display display\n/// @group core\n////\n\n@mixin display-flex($flex-direction: row, $align-items: null, $justify-content: null, $flex-wrap: null, $inline: false) {\n\n @if $inline == true {\n display: inline-flex;\n }\n @else {\n display: flex;\n }\n\n @if $flex-direction != null {\n flex-direction: #{$flex-direction};\n }\n\n @if $align-items != null {\n align-items: #{$align-items};\n }\n\n @if $justify-content != null {\n justify-content: #{$justify-content};\n }\n\n @if $flex-wrap != null {\n flex-wrap: #{$flex-wrap};\n }\n}\n","////\n/// Core Tool : Spacing z-index\n/// @group core\n////\n\n/// Fonction de gestion des z-index\n/// @access public\n/// @param {String} $index-name - nom du calque de z-index\n@function z-index($index-name) {\n @return map-get($z-indexes, $index-name);\n}\n\n/// Mixin de gestion des z-index\n/// @access public\n/// @param {String} $index-name - nom du calque de z-index\n@mixin z-index($index-name, $focus: false) {\n z-index: z-index($index-name);\n @if $focus {\n $focus-z-index: z-index($index-name + '-focus');\n\n @if $focus-z-index != null {\n *:focus,\n *:focus-visible {\n z-index: #{$focus-z-index};\n }\n }\n }\n}\n","////\n/// Core Setting : Spacing z-index\n/// @group core\n////\n\n/// Liste des z-index présent dans le DS\n/// @type map\n$z-indexes: (\n auto: auto,\n below: -2,\n under: -1,\n base: 0,\n over: 1,\n above: 2,\n focus: 500,\n higher: 1000,\n higher-focus: 1500,\n menu: 2000,\n menu-focus: 2500,\n nav: 3000,\n nav-focus: 3500,\n consent: 4000,\n consent-focus: 4500,\n modal: 5000,\n modal-focus: 5500,\n modal-footer: 6000,\n modal-footer-focus: 6500,\n);\n","////\n/// Core Tool : Reset\n/// @group core\n////\n\n$underline-thickness: 0.0625em;\n\n@mixin a-reset {\n text-decoration: none;\n color: inherit;\n}\n\n@mixin enable-underline() {\n --underline-img: linear-gradient(0deg, currentColor, currentColor);\n --link-blank-font: #{font-icon(sm, true)};\n --link-blank-content: \"\\00a0#{icon-glyph(external-link-line, true)}\";\n}\n\n@mixin disable-underline() {\n --underline-img: none;\n --link-blank-font: none;\n --link-blank-content: none;\n}\n\n@mixin link-underline() {\n background-image: var(--underline-img), var(--underline-img);\n background-position: 50% calc(50% + #{11.5 * $underline-thickness }), 50% calc(50% + #{10.5 * $underline-thickness });\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n @include link-underline-background-size(100%, 0);\n}\n\n@mixin link-underline-background-size($base-width: 100%, $hover-width: 100%) {\n background-size: #{$hover-width} #{$underline-thickness }, #{$base-width} #{$underline-thickness };\n}\n\n@mixin hover-underline () {\n &:hover,\n &:active {\n @include link-underline-background-size(100%, 100%);\n }\n}\n\n@mixin link-blank() {\n @include after(var(--link-blank-content)) {\n font: var(--link-blank-font);\n }\n}\n","////\n/// Core Tool : Action Hover\n/// @group core\n////\n\n@mixin hover-media-query () {\n @media (hover: hover) and (pointer: fine) {\n @content;\n }\n}\n\n@mixin hover-type-selector($elements, $type: all, $check-disabled: false) {\n $selectors: ();\n\n @each $element, $setting in $elements {\n $hover: map-get($setting, hover);\n $selector: map-get($setting, selector);\n @if $hover {\n @if $type == map-get($hover, type) or $type == all {\n $nested: $selector;\n @if $check-disabled {\n $nested: nest($selector, map-get($hover, selector));\n }\n $associated: $nested;\n @if & != null and quote(&) != ':root' {\n $associated: selector-associate(quote(&), $nested);\n }\n $selectors: append($selectors, $associated, 'comma');\n }\n }\n }\n\n @at-root #{$selectors} {\n @content;\n }\n}\n\n@mixin hover-tint () {\n &:hover {\n background-color: var(--hover-tint);\n }\n\n &:active {\n background-color: var(--active-tint);\n }\n}\n\n@mixin enable-tint () {\n @include tint-enabled(true, true);\n}\n\n@mixin disable-tint() {\n @include tint-enabled(false, false);\n}\n\n@mixin tint-enabled ($hover: null, $active: null) {\n @if $hover {\n --hover-tint: var(--hover);\n }\n @else if $hover == false {\n --hover-tint: transparent;\n }\n\n @if $active {\n --active-tint: var(--active);\n }\n @else if $active == false {\n --active-tint: transparent;\n }\n}\n\n@mixin hover-brighten ($element, $img) {\n @at-root #{$element} {\n &:hover #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten});\n }\n\n &:active #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2});\n }\n }\n}\n\n@mixin hover-brighten-filter () {\n filter: brightness(var(--brightness));\n}\n","////\n/// Link Tool : sizes\n/// @group link\n////\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: space(map_get($style, line-height));\n font-size: px-rem($font-size);\n line-height: $line-height;\n\n $min-height: space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: max($line-height, $max-icon-height);\n $padding-x: space(map_get($size-settings, padding-x));\n $padding-y: max(($min-height - $space-y) / 2, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height / 2};\n }\n}\n\n@function _link-icon-margin($size) {\n @return icon-size($size) / 6;\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) / 2;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Core Function : units\n/// @group core\n////\n\n/// Retourne la valeur numérique sans unité.\n/// @access public\n/// @param {String} $value - la valeur avec unité\n/// @example\n/// clean-unit(12px);\n@function clean-unit($value) {\n @if $value == null {\n @return null;\n }\n @return ($value / ($value * 0 + 1));\n}\n\n/// Return rem from px\n///\n/// @param {String} $px - Font size in pixels\n/// @param {String} $root-font-size [$base-font-size-px] - Pixel font size for conversion\n///\n/// @example scss - Get 1rem conversion from 16px, using $base-font-size-px\n/// .foo {\n/// font-size: px-rem(12px);\n/// }\n@function px-rem($px, $root-font-size: 16px) {\n @return clean-unit($px / $root-font-size) * 1rem;\n}\n\n@function is-unit($value, $unit) {\n $v: to-lower-case(quote($value));\n $u: quote($unit);\n @return str-index($v, $u) == (str-length($v) - str-length($u) + 1);\n}\n\n@function is-basic-unit($value) {\n $units: em ex '%' px cm mm in pt pc ch rem vw vh vmin vmax;\n @each $unit in $units {\n @if is-unit($value, $unit) {\n @return true;\n }\n }\n @return false;\n}\n","////\n/// Core Function : Spacing space\n/// @group core\n////\n\n$V: 0.25rem;\n$W: 0.5rem;\n\n/// Return space value from type map and convert to rem.\n///\n/// @param {Number} $value - valeur de l'espacement, permet de convertir cet espacement de v (4px) ou w (8px) en rem\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// margin-bottom: space(6v);\n/// }\n@function space($value) {\n @if type-of($value) == list {\n $list: ();\n $separator: list-separator($value);\n @each $v in $value {\n $list: append($list, space($v), $separator);\n }\n @return $list;\n }\n @if type-of($value) == string {\n $c: str-index($value, '(');\n @if $c {\n $b: null;\n $n: 0;\n $i: $c + 1;\n $l: str-length($value);\n @while $b == null and $i <= $l {\n $char: str-slice($value, $i, $i);\n @if $char == '(' {\n $n: $n + 1;\n }\n @else if $char == ')' {\n @if $n > 0 {\n $n: $n - 1;\n }\n @else {\n $b: $i;\n }\n }\n $i: $i + 1;\n }\n\n $start: unquote('');\n $middle: space(str-slice($value, $c + 1, $b - 1));\n $end: unquote('');\n\n @if $c > 1 {\n $start: space(str-slice($value, 1, $c - 1));\n }\n\n $l: str-length($value);\n @if $b < $l {\n $end: space(str-slice($value, $b + 1, $l));\n }\n\n @return unquote('#{$start}(#{$middle})#{$end}');\n }\n\n @if str-index($value, ',') {\n @return space(str-split($value, ','));\n }\n\n @if str-index($value, ' ') {\n @return space(str-split($value, ' '));\n }\n\n $value: unquote($value);\n }\n\n @if $value == 0 {\n @return $value;\n }\n\n @if length($value) > 1 {\n $result: ();\n @each $v in $value {\n $result: append($result, space($v));\n }\n @return $result;\n }\n\n @if is-basic-unit($value) {\n @return $value;\n }\n\n $v: quote($value);\n\n $q: str-to-num(unquote(str_slice($v, 0, str_length($v) - 1)));\n $unit: str_slice($v, str-length($v), str_length($v));\n\n @if is-unit($value, v) {\n @return $q * $V;\n }\n @else if is-unit($value, w) {\n @return $q * $W;\n }\n @return $value;\n}\n","////\n/// Core Color Tools : Element\n/// @group core\n////\n\n$ACCENT: none;\n\n@mixin _scheme-element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map-get($options, legacy);\n $important: map-get($options, important);\n $hover: map-get($options, hover);\n $standalone: map-get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: normalise-tokens($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: get-colors($tokens, $type, $options);\n $result: get-result($colors, $value);\n $result: important($result, $important);\n\n @include legacy($legacy-target) {\n #{$prop}: #{$result};\n }\n\n @if $hover and $context == background and length($tokens) == 1 {\n $nest-hover: null;\n $prop-hover: --hover;\n $result-hover: #{important(get-color(nth($tokens, 1), decision, (var: true, hover: true)), $important)};\n $nest-active: null;\n $prop-active: --active;\n $result-active: #{important(get-color(nth($tokens, 1), decision, (var: true, active: true)), $important)};\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n\n $nest-hover: '&:hover';\n $prop-hover: $prop;\n $result-hover: #{important(get-color(nth($tokens, 1), hex, (hover: true)), $important)};\n $nest-active: '&:active';\n $prop-active: $prop;\n $result-active: #{important(get-color(nth($tokens, 1), hex, (active: true)), $important)};\n }\n\n @include legacy($legacy-target) {\n @include nest($nest-hover) {\n #{$prop-hover}: #{$result-hover};\n }\n\n @include nest($nest-active) {\n #{$prop-active}: #{$result-active};\n }\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin scheme-element-bg-color($tokens, $options:()) {\n @if not map-has-key($options, hover) {\n $options: map-merge($options, (hover: true));\n }\n @include _scheme-element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin scheme-element-bg-transparent($options) {\n $legacy: map-get($options, legacy);\n $important: map-get($options, important);\n $hover: map-get($options, hover);\n\n $value: important(transparent, $important);\n\n @if $important {\n $value: #{$value} !important;\n }\n\n @if $legacy {\n @include legacy(ie11) {\n background-color: transparent;\n }\n }\n @else {\n background-color: transparent;\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin scheme-element-bg-image-color($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: get-tokens-length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: unquote('$color##{$i}');\n $transformed: append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include _scheme-element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin scheme-element-text-color($tokens, $options) {\n @include _scheme-element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin scheme-element-fill-color($tokens, $options) {\n @include _scheme-element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin scheme-element-border-color($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map-has-key($options, side) {\n $prop:border-#{map-get($options, side)};\n }\n @include _scheme-element($prop, border, $tokens, $options, $value);\n}\n\n@mixin scheme-element-no-border($breakpoint: null) {\n @include respond-from($breakpoint) {\n border: 0;\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin scheme-element-outline-color($tokens, $options, $value:1px solid $COLOR) {\n @include _scheme-element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin scheme-element-box-shadow-color($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: get-tokens-length($tokens);\n $i: 1;\n @each $v in $value {\n @if map-has-key($box-shadows, $v) {\n $transformed: append($transformed, _get-box-shadow($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include _scheme-element(box-shadow, border, $tokens, $options, space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin scheme-element-no-box-shadow($breakpoint: null) {\n @include respond-from($breakpoint) {\n box-shadow: none;\n }\n}\n","////\n/// Core Tool : Selector pattern\n/// @group core\n////\n\n@mixin _class-pattern($selector, $unify: true) {\n @if & == null {\n @at-root #{$selector} {\n @content;\n }\n }\n @else if $unify {\n @at-root #{selector-unify(&, $selector)} {\n @content;\n }\n }\n @else {\n #{$selector} {\n @content;\n }\n }\n}\n\n@mixin class-contains($unify: true, $patterns...) {\n\n @if length($patterns) == 1 and length(nth($patterns, 1)) > 1 {\n $patterns: nth($patterns, 1);\n }\n\n $selectors: '';\n\n @each $pattern in $patterns {\n $selectors: '#{$selectors}[class*=\"#{$pattern}\"]';\n }\n\n @include _class-pattern($selectors, $unify) {\n @content;\n }\n}\n\n@mixin class-not-contains($unify: true, $patterns...) {\n\n @if length($patterns) == 1 and length(nth($patterns, 1)) > 1 {\n $patterns: nth($patterns, 1);\n }\n\n $selectors: '';\n @each $pattern in $patterns {\n $selectors: '#{$selectors}:not([class*=\"#{$pattern}\"])';\n }\n\n @include _class-pattern($selectors, $unify) {\n @content;\n }\n}\n\n@mixin class-start-with($start, $unify: true) {\n @include _class-pattern(class-start-with($start), $unify) {\n @content;\n }\n}\n\n@mixin class-not-start-with($start, $unify: true) {\n @include _class-pattern(class-not-start-with($start), $unify) {\n @content;\n }\n}\n\n@mixin class-end-with($end, $unify: true) {\n @include _class-pattern(class-end-with($end), $unify) {\n @content;\n }\n}\n\n@mixin class-not-end-with($end, $unify: true) {\n @include _class-pattern(class-not-end-with($end), $unify) {\n @content;\n }\n}\n\n@mixin class-is-ns($unify: true) {\n @include class-start-with(ns('', ''), $unify) {\n @content;\n }\n}\n\n@mixin class-is-not-ns($unify: true) {\n @include class-not-start-with(ns('', ''), $unify) {\n @content;\n }\n}\n","////\n/// Link Tool : icons\n/// @group link\n////\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $font-icon: false, $reverse: false) {\n\n $icon-size: icon-size(map_get($size-settings, icon));\n\n @if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n }\n\n @if $reverse {\n flex-direction: row-reverse;\n }\n @else {\n flex-direction: row;\n }\n\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: space(map_get($size-settings, icon-margin-x));\n\n @if $place == left {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include before {\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n font-size: $icon-size;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include before {\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n font-size: $icon-size;\n }\n }\n @else if $place == only {\n $min-height: space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) / 2;\n\n overflow: hidden;\n white-space: nowrap;\n max-width: $min-height;\n max-height: $min-height;\n padding-left: $padding-x;\n padding-right: $padding-x;\n\n @include before {\n margin-left: 0;\n margin-right: $padding-x;\n font-size: $icon-size;\n }\n }\n}\n","////\n/// Core Tool : Action clickable\n/// @group core\n////\n\n@mixin clickable-selector($elements: $action-elements) {\n $selectors: ();\n $elements: get-clickable-elements($elements);\n @each $element, $setting in $elements {\n $selector: map-get($setting, selector);\n $selectors: append($selectors, $selector, 'comma');\n }\n\n #{$selectors} {\n @content;\n }\n}\n","////\n/// Core Tool : Spacing position\n/// @group core\n////\n\n@mixin position($position, $top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n position: #{$position};\n @if $top != null {\n top: #{space($top)};\n }\n @if $right != null {\n right: #{space($right)};\n }\n @if $bottom != null {\n bottom: #{space($bottom)};\n }\n @if $left != null {\n left: #{space($left)};\n }\n\n @include size($width, $height);\n\n @content;\n}\n\n@mixin relative($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(relative, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin absolute($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(absolute, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin fixed($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(fixed, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin sticky($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(sticky, $top, $right, $bottom, $left, $width, $height);\n}\n","////\n/// Tag active Module\n/// @group tag\n////\n\n@include clickable-selector {\n &#{ns(tag)} {\n // tag pressable\n @include pressed-selector(true) {\n @include relative;\n overflow: visible;\n background-position: 50%;\n background-size: 100%;\n background-repeat: no-repeat;\n\n @include icon(checkbox-circle-line, sm, after) {\n @include absolute(4px, 0);\n @include margin(-2v);\n }\n\n &#{ns(tag)}--sm {\n @include icon(null, xs, after) {\n @include absolute(3px, 0);\n @include margin(-1.5v);\n }\n }\n }\n }\n\n // tag supprimable\n &#{ns(tag)}--dismiss {\n @include before {\n content: none;\n }\n\n @include icon(close-line, sm, after) {\n @include margin-left(1v);\n @include margin-right(-1v);\n }\n\n &#{ns(tag)}--sm {\n @include icon(null, xs, after) {\n @include margin-right(-0.75v);\n @include margin-left(0.5v);\n }\n }\n }\n}\n","////\n/// Tag Tool\n/// @group tag\n////\n\n@mixin build-tag() {\n @include _build-link($tags-settings);\n}\n\n@mixin nest-tag($size:md, $place: null, $icon:null, $from: null, $insert: true) {\n @include _nest-link($tags-settings, $size, $place, $icon, $from, $insert) {\n @content;\n }\n}\n\n@mixin pressed-selector($value:null) {\n $attr: 'aria-pressed';\n @if $value == true or $value == false {\n $attr: 'aria-pressed=\"#{$value}\"';\n }\n\n &[#{$attr}] {\n @content;\n }\n}\n\n@mixin tag-punched-background ($token, $legacy, $options: ()) {\n $legacy-target: ie11;\n $type: hex;\n @if not $legacy {\n $legacy-target: null;\n $type: decision;\n $options: map-merge($options, (var: true));\n }\n\n $result: get-color($token, $type, $options);\n\n @include legacy($legacy-target) {\n background-image: radial-gradient(circle at 100% #{space(1v)}, transparent #{space(2.3125v)}, #{$result} #{space(2.5v)});\n }\n}\n","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n","////\n/// Core Tool : Icon\n/// @group core\n////\n\n/// Return icon size from map\n/// @param {String} $size ['md'] - Icon size from `$icon-size-map` (Default to 'md' = 16px)\n///\n/// @example scss - Set icon size to `SM` (12px)\n/// .foo {\n/// width: icon-size(sm);\n/// height: icon-size(sm);\n/// }\n@function icon-size($size: md) {\n @return px-rem(map-get($icon-size-map, $size));\n}\n\n@mixin icon-size($size:md) {\n font-size: #{icon-size($size)} !important;\n}\n\n@mixin with-icon($size:md) {\n @include has-icon {\n @include before {\n @if $size != md {\n @include icon-size($size);\n }\n @content;\n }\n }\n}\n\n@mixin generate-icons($base, $deprecated: false) {\n $icons-settings: $icons-settings;\n @if $deprecated {\n $icons-settings: $icons-settings-deprecated;\n }\n @each $icon, $setting in $icons-settings {\n #{ns($base + '-' + $icon)} {\n @include before(icon-glyph($icon, $deprecated));\n @if is-deprecated($icon) {\n @include before {\n font-weight: 700;\n }\n }\n }\n }\n}\n\n@function icon-glyph($icon, $deprecated: false, $is-ligature: false) {\n $icon-settings: map-get($icons-settings, $icon);\n @if is-deprecated($icon) or $deprecated {\n $icon-settings: map-get($icons-settings-deprecated, $icon);\n }\n @if $is-ligature {\n @return '#{map-get($icon-settings, ligature)}';\n }\n @else {\n @return '#{map-get($icon-settings, codepoint)}';\n }\n}\n\n@function is-deprecated($icon) {\n @return not map-has-key($icons-settings, $icon);\n}\n\n@function get-icons-settings-version($deprecated: false) {\n @if $deprecated {\n @return $icons-settings-deprecated;\n }\n @else {\n @return $icons-settings;\n }\n}\n\n@mixin icon-content($icon) {\n content: icon-glyph($icon);\n\n @if is-deprecated($icon) {\n font-weight: 700;\n }\n @else {\n font-weight: 400;\n }\n}\n\n@function font-icon($size: md, $deprecated: false) {\n $font-weight: normal;\n @if $deprecated {\n $font-weight: 700;\n }\n @return normal $font-weight normal #{icon-size($size)}/1 #{$namespace}-icon;\n}\n\n@mixin font-icon($size: md, $deprecated: false) {\n font: font-icon($size, $deprecated);\n}\n\n@mixin icon($icon: null, $size: md, $pseudo: before) {\n @include _pseudo($pseudo) {\n @if $size != null {\n $deprecated: is-deprecated($icon);\n @include font-icon($size, $deprecated);\n }\n\n @if $icon != null {\n @include icon-content($icon);\n }\n\n @content;\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Tag group Module\n/// @group tag\n////\n\n#{ns-group(tags)} {\n @include disable-list-style;\n @include display-flex;\n flex-wrap: wrap;\n\n > li {\n display: inline-flex;\n }\n\n #{ns(tag)} {\n @include margin-right(2v);\n @include margin-bottom(2v);\n }\n\n &#{ns-group(tags)}--sm {\n @include nest-tag(sm, null);\n\n #{ns(tag)} {\n @include margin-right(3v);\n @include margin-bottom(3v);\n }\n\n @include clickable-selector {\n &#{ns(tag)} {\n @include margin-right(6v);\n @include margin-bottom(6v);\n\n &#{ns(tag)}--dismiss {\n @include icon(null, xs, after) {\n @include margin-right(-0.75v);\n }\n }\n\n @include pressed-selector(true) {\n @include icon(null, xs, after) {\n @include absolute(3px, 0);\n @include margin(-1.5v);\n }\n }\n }\n }\n }\n\n @include clickable-selector {\n &#{ns(tag)} {\n @include margin-right(3v);\n @include margin-bottom(3v);\n\n &--sm {\n @include margin-right(6v);\n @include margin-bottom(6v);\n }\n }\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: \"●\\00a0\\00a0\";\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n","////\n/// Core Tool : Selector nest\n/// @group core\n////\n\n@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","////\n/// Link Tool : link\n/// @group link\n////\n\n@mixin _nest-link($settings: $links-settings, $size: md, $place: null, $icon: null, $from: null, $insert: true, $align-on-content: false) {\n $selector: null;\n $sizes: map_get($settings, sizes);\n $size-settings: map_get($sizes, $size);\n $border-radius: map-get($settings, border-radius);\n\n @if $insert {\n $selector: ns(map-get($settings, selector));\n }\n\n @include nest($selector) {\n @include respond-from($from) {\n @if $icon != null {\n @include icon($icon);\n }\n @else if $size != null {\n @include icon(null, $size);\n }\n\n @include _build-link-size($size-settings, $border-radius);\n\n @if $place == null {\n @include before(none);\n }\n @else {\n @include _build-link-icon($size-settings, $place, $size, false, $place == right);\n }\n\n @if map-get($settings, align-on-content) and $align-on-content {\n @include _link-align-on-content($size, $place, $size-settings);\n }\n\n @content;\n }\n }\n}\n\n@mixin nest-link($size:md, $place: null, $icon:null, $from: null, $insert: true, $align-on-content: false) {\n @include _nest-link($links-settings, $size, $place, $icon, $from, $insert, $align-on-content) {\n @content;\n }\n}\n","////\n/// Core Tools : Color accent\n/// @group schemes\n////\n\n@mixin accent-modifiers () {\n $tints: ();\n $accent: map-get($scheme-sets, accent);\n @each $tint, $value in $accent {\n $tints: append($tints, $tint);\n }\n\n @at-root {\n @each $tint in $tints {\n &--#{$tint} {\n $ACCENT: #{$tint} !global;\n @content;\n }\n }\n $ACCENT: none !global;\n }\n}\n","////\n/// Core Tool : Color disabled\n/// @group core\n////\n\n/// Applique les couleurs disabled sur l'élément\n/// @access public\n/// @param {map} map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - background {boolean}: true, applique le token background disabled sur la couleur de fond\n/// - text {boolean}: true, applique le token text disabled sur la couleur de texte\n/// - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin disabled-colors($options: ()) {\n $legacy: map-get($options, legacy);\n $text: map-get($options, text);\n $background: map-get($options, background);\n $box-shadow: map-get($options, box-shadow);\n\n @if $text {\n @include scheme-element-text-color(disabled grey, (legacy: $legacy));\n }\n\n @if $background {\n @include scheme-element-bg-color(disabled grey, (legacy: $legacy));\n }\n\n @if $box-shadow == true {\n @include scheme-element-box-shadow-color(disabled grey, (legacy: $legacy));\n }\n @else if $box-shadow {\n @include scheme-element-box-shadow-color(disabled grey, (legacy: $legacy), $box-shadow);\n }\n}\n/// Applique les couleurs disabled sur l'élément avec les sélecteurs appropriés\n/// @access public\n/// @param {map} map des options :\n/// - can-be-link {boolean}: ajoute le sélecteur de lien sans href.\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - background {boolean}: true, applique le token background disabled sur la couleur de fond\n/// - text {boolean}: true, applique le token text disabled sur la couleur de texte\n/// - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin disabled($options: ()) {\n $selectors: '&:disabled';\n @if map-get($options, can-be-link) {\n $selectors: append($selectors, selector-associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @include disabled-colors($options);\n @content;\n }\n}\n","////\n/// Tag Module\n/// @group tag\n////\n\n@mixin _tag-scheme($legacy: false) {\n #{ns(tag)} {\n @include scheme-element-text-color(label grey, (legacy: $legacy));\n @include scheme-element-bg-color(contrast grey, (legacy: $legacy));\n }\n\n @include clickable-selector {\n &#{ns(tag)} {\n @include scheme-element-text-color(action-high blue-france, (legacy: $legacy));\n @include scheme-element-bg-color(action-low blue-france, (legacy: $legacy));\n\n @include accent-modifiers {\n @include scheme-element-text-color(action-high accent, (legacy: $legacy));\n @include scheme-element-bg-color(action-low accent, (legacy: $legacy));\n }\n\n @include pressed-selector(false) {\n @include scheme-element-text-color(action-high blue-france, (legacy: $legacy));\n @include scheme-element-bg-color(action-low blue-france, (legacy: $legacy));\n }\n\n @include pressed-selector(true) {\n @include scheme-element-text-color(inverted grey, (legacy: $legacy));\n @include scheme-element-bg-transparent((legacy:$legacy));\n\n @include tag-punched-background(background action-high blue-france, $legacy);\n\n &:hover {\n @include tag-punched-background(background action-high blue-france, $legacy, (hover: true));\n }\n\n &:active {\n @include tag-punched-background(background action-high blue-france, $legacy, (active: true));\n }\n\n @include disabled {\n background-image: none;\n }\n\n @include after {\n @include scheme-element-text-color(action-high blue-france, (legacy: $legacy));\n }\n\n &#{ns(tag)}--sm {\n @include scheme-element-bg-image-color(action-high blue-france, (legacy: $legacy), (radial-gradient(circle at 100% space(0.75v), transparent space(1.79v), var(--hsla) space(2v)), radial-gradient(circle at 100% space(0.75v), transparent space(1.79v), $COLOR space(2v)) ));\n }\n }\n\n &#{ns(tag)}--dismiss {\n @include scheme-element-text-color(inverted grey, (legacy: $legacy));\n @include scheme-element-bg-color(action-high blue-france, (legacy: $legacy));\n }\n\n @include disabled((legacy: $legacy, can-be-link: true, text: true, background: true));\n }\n }\n\n #{ns-group(tags)} {\n &#{ns-group(tags)}--sm {\n @include clickable-selector {\n &#{ns(tag)} {\n @include pressed-selector(true) {\n @include scheme-element-bg-image-color(action-high blue-france, (legacy: $legacy), (radial-gradient(circle at 100% space(0.75v), transparent space(1.79v), var(--hsla) space(2v)), radial-gradient(circle at 100% space(0.75v), transparent space(1.79v), $COLOR space(2v)) ));\n }\n }\n }\n }\n }\n}\n","////\n/// Legacy Tool : legacy\n/// @group legacy\n////\n\n/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin legacy($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin not-legacy($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Tag Legacy\n/// @group tag\n////\n\n@include legacy(ie11) {\n @include clickable-selector {\n &#{ns(tag)} {\n // empeche le hover du tag pressable sur ie\n @include pressed-selector(true) {\n background-size: 100% 100%, 100% 100%;\n }\n }\n }\n}\n\n@include clickable-selector {\n &#{ns(tag)} {\n // empeche le hover du tag pressable sur ie\n @include pressed-selector(true) {\n @include scheme-element-bg-image-color(action-high blue-france, (legacy: true, hover:true, important: true), (radial-gradient(circle at 100% space(1v), transparent space(2.3125v), $COLOR space(2.5v)) ));\n }\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["<no source>","../../../tag.css","../../../../../../src/component/tag/main.scss","../../../../../../src/component/link/style/tool/_build.scss","../../../../../../src/core/style/typography/tool/_styles.scss","../../../../../../src/core/style/display/tool/_display.scss","../../../../../../src/core/style/spacing/tool/_z-index.scss","../../../../../../src/core/style/spacing/setting/_z-index.scss","../../../../../../src/core/style/action/tool/_link.scss","../../../../../../src/core/style/action/tool/_hover.scss","../../../../../../src/component/link/style/tool/_size.scss","../../../../../../src/core/style/function/_unit.scss","../../../../../../src/core/style/spacing/function/_space.scss","../../../../../../src/core/style/color/tool/_element.scss","../../../../../../src/core/style/selector/tool/_pattern.scss","../../../../../../src/component/link/style/tool/_icon.scss","../../../../../../src/core/style/action/tool/_clickable.scss","../../../../../../src/core/style/spacing/tool/_position.scss","../../../../../../src/component/tag/style/module/_variants.scss","../../../../../../src/component/tag/style/_tool.scss","../../../../../../src/core/style/selector/tool/_pseudo.scss","../../../../../../src/core/style/icon/_tool.scss","../../../../../../src/core/style/spacing/tool/_space.scss","../../../../../../src/component/tag/style/module/_group.scss","../../../../../../src/core/style/typography/tool/_list.scss","../../../../../../src/core/style/selector/tool/_nest.scss","../../../../../../src/component/link/style/tool/_nest.scss","../../../../../../src/component/tag/style/_scheme.scss","../../../../../../src/core/style/color/tool/_accent.scss","../../../../../../src/core/style/color/tool/_disabled.scss","../../../../../../src/legacy/style/tool/_legacy.scss","../../../../../../src/component/tag/style/_legacy.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cDFc;AEoEZ;ECgCE,iBAA6B;EAA7B,kBAA6B;EC/F7B,oBAAoB;EAOpB,mBAAgB;EAIhB,mBAAa;ECHf,UCJO;;ECOP,qBAAgB;EAChB,uBAAkB;EAClB,0BAAqB;ECoCnB,0BAAa;EChDf,mBCkBgD;EDjBhD,mBEuFiB;EFnFf,gBEmFe;EFnEjB,wBAAoC;EAGlC,mBAAe;EGDf,6BAAU;EAAV,iDAAU;;EAyBN,8CAAgB;EAIhB,gDAAiB;AZ9CzB;;AaHY;;;;ECKR,mBAAmB;EAOnB,iBAAiB;EACjB,eAAe;EACf,gBAAgB;AdIpB;;AalBY;;;;ECgBN,wBLUwB;EKTxB,qBHoEa;EGnEb,eJH4C;AVSlD;;AEQE;EOnCA,kBCkBgD;EDjBhD,oBEuFiB;EFnFf,kBEmFe;EFnEjB,wBAAoC;EAGlC,sBAAe;ATWnB;;AahCY;;;;ECKR,mBAAmB;EAOnB,iBAAiB;EACjB,eAAe;EACf,gBAAgB;AdyBpB;;AavCY;;;;ECgBN,sBLUwB;EKTxB,qBHoEa;EGnEb,kBJH4C;AV8BlD;;Ae5CE;;;;;;ECPA,kBAAU;ECIN,iBAAiB;EACjB,wBAAwB;EACxB,qBAAqB;EACrB,4BAA4B;ELmB9B,gCAAU;EAsEV,6BAA6B;EMvC7B,qIAA6H;AlBEjI;;AmBjDE;;;;;;EC+EA,wCAJgF;EAfhF,YAlBU;EAqBR,gBAAgB;EJzElB,kBAAU;EAER,QAAK;EAGL,QAAO;EKoBP,eVkEe;ECjEf,0CAAU;AZ2Cd;;AmB3DE;;;;;;EC+EA,2CAJgF;EJrFhF,kBAAU;EAER,QAAK;EAGL,QAAO;EKoBP,iBVkEe;AXdnB;;AmBnEE;;;;;;EFgBI,aAAa;AjBuDnB;;AmBvEE;;;;;;EC+EA,wCAJgF;EAfhF,YAlBU;EAqBR,gBAAgB;ECpDd,oBVsEa;EUtEb,sBVsEa;AXFnB;;AmB/EE;;;;;;EC+EA,2CAJgF;EChE5E,wBVsEa;EUtEb,qBVsEa;AXInB;;AsBhGA;ECoBE,eAAU;EACV,eAAU;EACV,aAAW;EACX,aAAW;EACX,aAAW;EACX,cAAY;EACZ,kBAAa;EnBpBX,aAAa;EAIb,mBAAgB;EkBPlB,eAAe;AtB0GjB;;AsB7GA;EAMI,oBAAoB;AtB2GxB;;AsBjHA;EDsBM,oBVsEa;EUtEb,qBVsEa;AX0BnB;;AwBpHI;EfEF,kBCkBgD;EDjBhD,oBEuFiB;EFnFf,kBEmFe;EFnEjB,wBAAoC;EAGlC,sBAAe;EYNb,qBVsEa;EUtEb,sBVsEa;AXkCnB;;AmBnHE;EC+EA,wCAJgF;EDxE5E,aMQsB;AzB4G5B;;AsBlIA;;;;;;EDsBM,oBVsEa;EUtEb,qBVsEa;AXoDnB;;AmBrIE;;;;;;EC+EA,2CAJgF;EChE5E,wBVsEa;AXyDnB;;AmB1IE;;;;;;EC+EA,2CAJgF;EJrFhF,kBAAU;EAER,QAAK;EAGL,QAAO;EKoBP,iBVkEe;AXiEnB;;AsB7JA;;;;;;EDsBM,qBVsEa;EUtEb,sBVsEa;AXsEnB;;AsBlKA;;;;;;EDsBM,oBVsEa;EUtEb,qBVsEa;AX2EnB;;AkBvJE;ENWE,0CAAU;EAAV,0DAAU;;EAyBN,uDAAgB;EAIhB,yDAAiB;AZ6HzB;;A0BpLE;Ed0BE,gCAAU;EAAV,2DAAU;;EAyBN,wDAAgB;EAIhB,0DAAiB;AZoIzB;;AepLE;;;;;;EHmBE,0CAAU;EAAV,0DAAU;;EAyBN,uDAAgB;EAIhB,yDAAiB;AZ2IzB;;A2B1LM;;;;;;EfkBF,qDAAU;EAAV,qEAAU;;EAyBN,kEAAgB;EAIhB,oEAAiB;AZkJzB;;A2BjMM;;;;;;EfkBF,6CAAU;EAAV,6DAAU;;EAyBN,0DAAgB;EAIhB,4DAAiB;AZyJzB;;A2BxMM;;;;;;EfkBF,6CAAU;EAAV,6DAAU;;EAyBN,0DAAgB;EAIhB,4DAAiB;AZgKzB;;A2B/MM;;;;;;EfkBF,2CAAU;EAAV,2DAAU;;EAyBN,wDAAgB;EAIhB,0DAAiB;AZuKzB;;A2BtNM;;;;;;EfkBF,6CAAU;EAAV,6DAAU;;EAyBN,0DAAgB;EAIhB,4DAAiB;AZ8KzB;;A2B7NM;;;;;;EfkBF,yCAAU;EAAV,yDAAU;;EAyBN,sDAAgB;EAIhB,wDAAiB;AZqLzB;;A2BpOM;;;;;;EfkBF,2CAAU;EAAV,2DAAU;;EAyBN,wDAAgB;EAIhB,0DAAiB;AZ4LzB;;A2B3OM;;;;;;EfkBF,6CAAU;EAAV,6DAAU;;EAyBN,0DAAgB;EAIhB,4DAAiB;AZmMzB;;A2BlPM;;;;;;EfkBF,2CAAU;EAAV,2DAAU;;EAyBN,wDAAgB;EAIhB,0DAAiB;AZ0MzB;;A2BzPM;;;;;;EfkBF,yCAAU;EAAV,yDAAU;;EAyBN,sDAAgB;EAIhB,wDAAiB;AZiNzB;;A2BhQM;;;;;;EfkBF,+CAAU;EAAV,+DAAU;;EAyBN,4DAAgB;EAIhB,8DAAiB;AZwNzB;;A2BvQM;;;;;;EfkBF,8CAAU;EAAV,8DAAU;;EAyBN,2DAAgB;EAIhB,6DAAiB;AZ+NzB;;A2B9QM;;;;;;EfkBF,kDAAU;EAAV,kEAAU;;EAyBN,+DAAgB;EAIhB,iEAAiB;AZsOzB;;A2BrRM;;;;;;EfkBF,+CAAU;EAAV,+DAAU;;EAyBN,4DAAgB;EAIhB,8DAAiB;AZ6OzB;;A2B5RM;;;;;;EfkBF,4CAAU;EAAV,4DAAU;;EAyBN,yDAAgB;EAIhB,2DAAiB;AZoPzB;;A2BnSM;;;;;;EfkBF,0CAAU;EAAV,0DAAU;;EAyBN,uDAAgB;EAIhB,yDAAiB;AZ2PzB;;A2B1SM;;;;;;EfkBF,+CAAU;EAAV,+DAAU;;EAyBN,4DAAgB;EAIhB,8DAAiB;AZkQzB;;AelTE;;;;;;EGkDE,2IAA6H;AlB0QjI;;Ae5TE;;;;;;EGkDE,4IAA6H;AlB8QjI;;A4B9RU;;;;;;EFVA,sBAAsB;A1B4ShC;;AepUE;;;;;;EGkDE,oIAA6H;AlB0RjI;;Ae5UE;;;;;;EGkDE,0IAA6H;AlB8RjI;;AehVE;;;;;;EGkDE,2IAA6H;AlBkSjI;;A4BlTU;;;;;;;EhBfN,gCAAU;EAAV,iDAAU;;EAyBN,8CAAgB;EAIhB,gDAAiB;AZ2SzB;;AkBnVE;;;;;;EA0CE,oIAA6H;AlB6SjI;;AkB9UI;;;;;;EAiCA,0IAA6H;AlBiTjI;;AkB5UI;;;;;;EA2BA,2IAA6H;AlBqTjI;;A6BtWI;EdDF;;;;;;IeHM,qCAAqC;IlBsBzC,8GAAU;IAAV,WAAU;IAkER,6BAA6B;IMnC/B,mGAA6H;ElB0T/H;;EwBlXE;;;;;;IZkDI,oCAAgB;IMMpB,mGAA6H;ElBsU/H;;EwB9XE;;;;;;IZsDI,oCAAiB;IMErB,mGAA6H;ElByU/H;;E0BlYA;Id0BE,cAAU;IAAV,sBAAU;EZ8WZ;;EwBvYE;IZkDI,yBAAgB;EZiWtB;;EwBnZE;IZsDI,yBAAiB;EZgWvB;;EkBxYA;INWE,cAAU;IAAV,yBAAU;EZmYZ;;EwB5ZE;IZkDI,yBAAgB;EZsXtB;;EwBxaE;IZsDI,yBAAiB;EZqXvB;;E0B5aA;Id0BE,WAAU;IAAV,yBAAU;EZwZZ;;EwBjbE;IZkDI,yBAAgB;EZ2YtB;;EwB7bE;IZsDI,yBAAiB;EZ0YvB;;Ee1bA;;;;;;IHmBE,cAAU;IAAV,yBAAU;EZ6aZ;;EwBtcE;;;;;;IZkDI,yBAAgB;EZgatB;;EwBldE;;;;;;IZsDI,yBAAiB;EZ+ZvB;;E2B9cI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZkcZ;;EwB3dE;;;;;;IZkDI,yBAAgB;EZqbtB;;EwBveE;;;;;;IZsDI,yBAAiB;EZobvB;;E2BneI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZudZ;;EwBhfE;;;;;;IZkDI,yBAAgB;EZ0ctB;;EwB5fE;;;;;;IZsDI,yBAAiB;EZycvB;;E2BxfI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZ4eZ;;EwBrgBE;;;;;;IZkDI,yBAAgB;EZ+dtB;;EwBjhBE;;;;;;IZsDI,yBAAiB;EZ8dvB;;E2B7gBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZigBZ;;EwB1hBE;;;;;;IZkDI,yBAAgB;EZoftB;;EwBtiBE;;;;;;IZsDI,yBAAiB;EZmfvB;;E2BliBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZshBZ;;EwB/iBE;;;;;;IZkDI,yBAAgB;EZygBtB;;EwB3jBE;;;;;;IZsDI,yBAAiB;EZwgBvB;;E2BvjBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZ2iBZ;;EwBpkBE;;;;;;IZkDI,yBAAgB;EZ8hBtB;;EwBhlBE;;;;;;IZsDI,yBAAiB;EZ6hBvB;;E2B5kBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZgkBZ;;EwBzlBE;;;;;;IZkDI,yBAAgB;EZmjBtB;;EwBrmBE;;;;;;IZsDI,yBAAiB;EZkjBvB;;E2BjmBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZqlBZ;;EwB9mBE;;;;;;IZkDI,yBAAgB;EZwkBtB;;EwB1nBE;;;;;;IZsDI,yBAAiB;EZukBvB;;E2BtnBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZ0mBZ;;EwBnoBE;;;;;;IZkDI,yBAAgB;EZ6lBtB;;EwB/oBE;;;;;;IZsDI,yBAAiB;EZ4lBvB;;E2B3oBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZ+nBZ;;EwBxpBE;;;;;;IZkDI,yBAAgB;EZknBtB;;EwBpqBE;;;;;;IZsDI,yBAAiB;EZinBvB;;E2BhqBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZopBZ;;EwB7qBE;;;;;;IZkDI,yBAAgB;EZuoBtB;;EwBzrBE;;;;;;IZsDI,yBAAiB;EZsoBvB;;E2BrrBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZyqBZ;;EwBlsBE;;;;;;IZkDI,yBAAgB;EZ4pBtB;;EwB9sBE;;;;;;IZsDI,yBAAiB;EZ2pBvB;;E2B1sBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZ8rBZ;;EwBvtBE;;;;;;IZkDI,yBAAgB;EZirBtB;;EwBnuBE;;;;;;IZsDI,yBAAiB;EZgrBvB;;E2B/tBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZmtBZ;;EwB5uBE;;;;;;IZkDI,yBAAgB;EZssBtB;;EwBxvBE;;;;;;IZsDI,yBAAiB;EZqsBvB;;E2BpvBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZwuBZ;;EwBjwBE;;;;;;IZkDI,yBAAgB;EZ2tBtB;;EwB7wBE;;;;;;IZsDI,yBAAiB;EZ0tBvB;;E2BzwBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZ6vBZ;;EwBtxBE;;;;;;IZkDI,yBAAgB;EZgvBtB;;EwBlyBE;;;;;;IZsDI,yBAAiB;EZ+uBvB;;E2B9xBI;;;;;;IfkBF,cAAU;IAAV,yBAAU;EZkxBZ;;EwB3yBE;;;;;;IZkDI,yBAAgB;EZqwBtB;;EwBvzBE;;;;;;IZsDI,yBAAiB;EZowBvB;;EmBjzBA;;;;;;IPgBE,cAAU;EZy0BZ;;Ee51BA;;;;;;IGkDE,kGAA6H;ElBgzB/H;;Eel2BA;;;;;;IGkDE,kGAA6H;ElBszB/H;;Eex2BA;;;;;;IGkDE,kGAA6H;ElB4zB/H;;E4B50BQ;;;;;;;IhBfN,cAAU;IAAV,yBAAU;EZi2BZ;;EwB13BE;;;;;;;IZkDI,yBAAgB;EZo1BtB;;EwBt4BE;;;;;;;IZsDI,yBAAiB;EZm1BvB;;EkB33BA;;;;;;IA0CE,kGAA6H;ElBu1B/H;;EkBx3BE;;;;;;IAiCA,kGAA6H;ElB61B/H;;EkBx3BE;;;;;;IA2BA,kGAA6H;ElBm2B/H;AAxiBF","file":"tag.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n TAG\n\\* ˍˍˍˍˍˍˍˍˍ */\n.fr-tag {\n --text-spacing: 0;\n --title-spacing: 0;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n z-index: 1;\n --underline-img: none;\n --link-blank-font: none;\n --link-blank-content: none;\n --hover-tint: var(--hover);\n}\n\n.fr-tag {\n font-size: 0.875rem;\n line-height: 1.5rem;\n min-height: 2rem;\n padding: 0.25rem 0.75rem;\n border-radius: 1rem;\n}\n\n.fr-tag--icon-left[class^=\"fr-icon-\"], .fr-tag--icon-left[class*=\" fr-icon-\"], .fr-tag--icon-left[class^=\"fr-fi-\"], .fr-tag--icon-left[class*=\" fr-fi-\"] {\n flex-direction: row;\n overflow: initial;\n max-width: 100%;\n max-height: none;\n}\n\n.fr-tag--icon-left[class^=\"fr-icon-\"]::before, .fr-tag--icon-left[class*=\" fr-icon-\"]::before, .fr-tag--icon-left[class^=\"fr-fi-\"]::before, .fr-tag--icon-left[class*=\" fr-fi-\"]::before {\n margin-left: -0.16667rem;\n margin-right: 0.25rem;\n font-size: 1rem;\n}\n\n.fr-tag--sm {\n font-size: 0.75rem;\n line-height: 1.25rem;\n min-height: 1.5rem;\n padding: 0.125rem 0.5rem;\n border-radius: 0.75rem;\n}\n\n.fr-tag--sm.fr-tag--icon-left[class^=\"fr-icon-\"], .fr-tag--sm.fr-tag--icon-left[class*=\" fr-icon-\"], .fr-tag--sm.fr-tag--icon-left[class^=\"fr-fi-\"], .fr-tag--sm.fr-tag--icon-left[class*=\" fr-fi-\"] {\n flex-direction: row;\n overflow: initial;\n max-width: 100%;\n max-height: none;\n}\n\n.fr-tag--sm.fr-tag--icon-left[class^=\"fr-icon-\"]::before, .fr-tag--sm.fr-tag--icon-left[class*=\" fr-icon-\"]::before, .fr-tag--sm.fr-tag--icon-left[class^=\"fr-fi-\"]::before, .fr-tag--sm.fr-tag--icon-left[class*=\" fr-fi-\"]::before {\n margin-left: -0.125rem;\n margin-right: 0.25rem;\n font-size: 0.75rem;\n}\n\na.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n position: relative;\n overflow: visible;\n background-position: 50%;\n background-size: 100%;\n background-repeat: no-repeat;\n}\n\na.fr-tag[aria-pressed=\"true\"]::after, button.fr-tag[aria-pressed=\"true\"]::after, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]::after {\n font: normal 700 normal 1rem/1 dsfr-icon;\n content: \"\";\n font-weight: 700;\n position: absolute;\n top: 4px;\n right: 0;\n margin: -0.5rem;\n}\n\na.fr-tag[aria-pressed=\"true\"].fr-tag--sm::after, button.fr-tag[aria-pressed=\"true\"].fr-tag--sm::after, input[type=\"button\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm::after, input[type=\"image\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm::after, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm::after, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm::after {\n font: normal 700 normal 0.75rem/1 dsfr-icon;\n position: absolute;\n top: 3px;\n right: 0;\n margin: -0.375rem;\n}\n\na.fr-tag--dismiss::before, button.fr-tag--dismiss::before, input[type=\"button\"].fr-tag--dismiss::before, input[type=\"image\"].fr-tag--dismiss::before, input[type=\"reset\"].fr-tag--dismiss::before, input[type=\"submit\"].fr-tag--dismiss::before {\n content: none;\n}\n\na.fr-tag--dismiss::after, button.fr-tag--dismiss::after, input[type=\"button\"].fr-tag--dismiss::after, input[type=\"image\"].fr-tag--dismiss::after, input[type=\"reset\"].fr-tag--dismiss::after, input[type=\"submit\"].fr-tag--dismiss::after {\n font: normal 700 normal 1rem/1 dsfr-icon;\n content: \"\";\n font-weight: 700;\n margin-left: 0.25rem;\n margin-right: -0.25rem;\n}\n\na.fr-tag--dismiss.fr-tag--sm::after, button.fr-tag--dismiss.fr-tag--sm::after, input[type=\"button\"].fr-tag--dismiss.fr-tag--sm::after, input[type=\"image\"].fr-tag--dismiss.fr-tag--sm::after, input[type=\"reset\"].fr-tag--dismiss.fr-tag--sm::after, input[type=\"submit\"].fr-tag--dismiss.fr-tag--sm::after {\n font: normal 700 normal 0.75rem/1 dsfr-icon;\n margin-right: -0.1875rem;\n margin-left: 0.125rem;\n}\n\n.fr-tags-group {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.fr-tags-group > li {\n display: inline-flex;\n}\n\n.fr-tags-group .fr-tag {\n margin-right: 0.5rem;\n margin-bottom: 0.5rem;\n}\n\n.fr-tags-group.fr-tags-group--sm .fr-tag {\n font-size: 0.75rem;\n line-height: 1.25rem;\n min-height: 1.5rem;\n padding: 0.125rem 0.5rem;\n border-radius: 0.75rem;\n}\n\n.fr-tags-group.fr-tags-group--sm .fr-tag::before {\n font: normal 700 normal 1rem/1 dsfr-icon;\n}\n\n.fr-tags-group.fr-tags-group--sm .fr-tag::before {\n content: none;\n}\n\n.fr-tags-group.fr-tags-group--sm .fr-tag {\n margin-right: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.fr-tags-group.fr-tags-group--sm a.fr-tag, .fr-tags-group.fr-tags-group--sm button.fr-tag, .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag, .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag, .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag, .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag {\n margin-right: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.fr-tags-group.fr-tags-group--sm a.fr-tag.fr-tag--dismiss::after, .fr-tags-group.fr-tags-group--sm button.fr-tag.fr-tag--dismiss::after, .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag.fr-tag--dismiss::after, .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag.fr-tag--dismiss::after, .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag.fr-tag--dismiss::after, .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag.fr-tag--dismiss::after {\n font: normal 700 normal 0.75rem/1 dsfr-icon;\n margin-right: -0.1875rem;\n}\n\n.fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed=\"true\"]::after, .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=\"true\"]::after, .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag[aria-pressed=\"true\"]::after, .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag[aria-pressed=\"true\"]::after, .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]::after, .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]::after {\n font: normal 700 normal 0.75rem/1 dsfr-icon;\n position: absolute;\n top: 3px;\n right: 0;\n margin: -0.375rem;\n}\n\n.fr-tags-group a.fr-tag, .fr-tags-group button.fr-tag, .fr-tags-group input[type=\"button\"].fr-tag, .fr-tags-group input[type=\"image\"].fr-tag, .fr-tags-group input[type=\"reset\"].fr-tag, .fr-tags-group input[type=\"submit\"].fr-tag {\n margin-right: 0.75rem;\n margin-bottom: 0.75rem;\n}\n\n.fr-tags-group a.fr-tag--sm, .fr-tags-group button.fr-tag--sm, .fr-tags-group input[type=\"button\"].fr-tag--sm, .fr-tags-group input[type=\"image\"].fr-tag--sm, .fr-tags-group input[type=\"reset\"].fr-tag--sm, .fr-tags-group input[type=\"submit\"].fr-tag--sm {\n margin-right: 1.5rem;\n margin-bottom: 1.5rem;\n}\n\n.fr-tag {\n color: var(--text-label-grey);\n background-color: var(--background-contrast-grey);\n --hover: var(--background-contrast-grey-hover);\n --active: var(--background-contrast-grey-active);\n}\n\n.fr-tag[aria-pressed=\"false\"] {\n color: var(--text-action-high-blue-france);\n background-color: var(--background-action-low-blue-france);\n --hover: var(--background-action-low-blue-france-hover);\n --active: var(--background-action-low-blue-france-active);\n}\n\n.fr-tag.fr-tag--dismiss {\n color: var(--text-inverted-grey);\n background-color: var(--background-action-high-blue-france);\n --hover: var(--background-action-high-blue-france-hover);\n --active: var(--background-action-high-blue-france-active);\n}\n\na.fr-tag, button.fr-tag, input[type=\"button\"].fr-tag, input[type=\"image\"].fr-tag, input[type=\"reset\"].fr-tag, input[type=\"submit\"].fr-tag {\n color: var(--text-action-high-blue-france);\n background-color: var(--background-action-low-blue-france);\n --hover: var(--background-action-low-blue-france-hover);\n --active: var(--background-action-low-blue-france-active);\n}\n\na.fr-tag--green-tilleul-verveine, button.fr-tag--green-tilleul-verveine, input[type=\"button\"].fr-tag--green-tilleul-verveine, input[type=\"image\"].fr-tag--green-tilleul-verveine, input[type=\"reset\"].fr-tag--green-tilleul-verveine, input[type=\"submit\"].fr-tag--green-tilleul-verveine {\n color: var(--text-action-high-green-tilleul-verveine);\n background-color: var(--background-action-low-green-tilleul-verveine);\n --hover: var(--background-action-low-green-tilleul-verveine-hover);\n --active: var(--background-action-low-green-tilleul-verveine-active);\n}\n\na.fr-tag--green-bourgeon, button.fr-tag--green-bourgeon, input[type=\"button\"].fr-tag--green-bourgeon, input[type=\"image\"].fr-tag--green-bourgeon, input[type=\"reset\"].fr-tag--green-bourgeon, input[type=\"submit\"].fr-tag--green-bourgeon {\n color: var(--text-action-high-green-bourgeon);\n background-color: var(--background-action-low-green-bourgeon);\n --hover: var(--background-action-low-green-bourgeon-hover);\n --active: var(--background-action-low-green-bourgeon-active);\n}\n\na.fr-tag--green-emeraude, button.fr-tag--green-emeraude, input[type=\"button\"].fr-tag--green-emeraude, input[type=\"image\"].fr-tag--green-emeraude, input[type=\"reset\"].fr-tag--green-emeraude, input[type=\"submit\"].fr-tag--green-emeraude {\n color: var(--text-action-high-green-emeraude);\n background-color: var(--background-action-low-green-emeraude);\n --hover: var(--background-action-low-green-emeraude-hover);\n --active: var(--background-action-low-green-emeraude-active);\n}\n\na.fr-tag--green-menthe, button.fr-tag--green-menthe, input[type=\"button\"].fr-tag--green-menthe, input[type=\"image\"].fr-tag--green-menthe, input[type=\"reset\"].fr-tag--green-menthe, input[type=\"submit\"].fr-tag--green-menthe {\n color: var(--text-action-high-green-menthe);\n background-color: var(--background-action-low-green-menthe);\n --hover: var(--background-action-low-green-menthe-hover);\n --active: var(--background-action-low-green-menthe-active);\n}\n\na.fr-tag--green-archipel, button.fr-tag--green-archipel, input[type=\"button\"].fr-tag--green-archipel, input[type=\"image\"].fr-tag--green-archipel, input[type=\"reset\"].fr-tag--green-archipel, input[type=\"submit\"].fr-tag--green-archipel {\n color: var(--text-action-high-green-archipel);\n background-color: var(--background-action-low-green-archipel);\n --hover: var(--background-action-low-green-archipel-hover);\n --active: var(--background-action-low-green-archipel-active);\n}\n\na.fr-tag--blue-ecume, button.fr-tag--blue-ecume, input[type=\"button\"].fr-tag--blue-ecume, input[type=\"image\"].fr-tag--blue-ecume, input[type=\"reset\"].fr-tag--blue-ecume, input[type=\"submit\"].fr-tag--blue-ecume {\n color: var(--text-action-high-blue-ecume);\n background-color: var(--background-action-low-blue-ecume);\n --hover: var(--background-action-low-blue-ecume-hover);\n --active: var(--background-action-low-blue-ecume-active);\n}\n\na.fr-tag--blue-cumulus, button.fr-tag--blue-cumulus, input[type=\"button\"].fr-tag--blue-cumulus, input[type=\"image\"].fr-tag--blue-cumulus, input[type=\"reset\"].fr-tag--blue-cumulus, input[type=\"submit\"].fr-tag--blue-cumulus {\n color: var(--text-action-high-blue-cumulus);\n background-color: var(--background-action-low-blue-cumulus);\n --hover: var(--background-action-low-blue-cumulus-hover);\n --active: var(--background-action-low-blue-cumulus-active);\n}\n\na.fr-tag--purple-glycine, button.fr-tag--purple-glycine, input[type=\"button\"].fr-tag--purple-glycine, input[type=\"image\"].fr-tag--purple-glycine, input[type=\"reset\"].fr-tag--purple-glycine, input[type=\"submit\"].fr-tag--purple-glycine {\n color: var(--text-action-high-purple-glycine);\n background-color: var(--background-action-low-purple-glycine);\n --hover: var(--background-action-low-purple-glycine-hover);\n --active: var(--background-action-low-purple-glycine-active);\n}\n\na.fr-tag--pink-macaron, button.fr-tag--pink-macaron, input[type=\"button\"].fr-tag--pink-macaron, input[type=\"image\"].fr-tag--pink-macaron, input[type=\"reset\"].fr-tag--pink-macaron, input[type=\"submit\"].fr-tag--pink-macaron {\n color: var(--text-action-high-pink-macaron);\n background-color: var(--background-action-low-pink-macaron);\n --hover: var(--background-action-low-pink-macaron-hover);\n --active: var(--background-action-low-pink-macaron-active);\n}\n\na.fr-tag--pink-tuile, button.fr-tag--pink-tuile, input[type=\"button\"].fr-tag--pink-tuile, input[type=\"image\"].fr-tag--pink-tuile, input[type=\"reset\"].fr-tag--pink-tuile, input[type=\"submit\"].fr-tag--pink-tuile {\n color: var(--text-action-high-pink-tuile);\n background-color: var(--background-action-low-pink-tuile);\n --hover: var(--background-action-low-pink-tuile-hover);\n --active: var(--background-action-low-pink-tuile-active);\n}\n\na.fr-tag--yellow-tournesol, button.fr-tag--yellow-tournesol, input[type=\"button\"].fr-tag--yellow-tournesol, input[type=\"image\"].fr-tag--yellow-tournesol, input[type=\"reset\"].fr-tag--yellow-tournesol, input[type=\"submit\"].fr-tag--yellow-tournesol {\n color: var(--text-action-high-yellow-tournesol);\n background-color: var(--background-action-low-yellow-tournesol);\n --hover: var(--background-action-low-yellow-tournesol-hover);\n --active: var(--background-action-low-yellow-tournesol-active);\n}\n\na.fr-tag--yellow-moutarde, button.fr-tag--yellow-moutarde, input[type=\"button\"].fr-tag--yellow-moutarde, input[type=\"image\"].fr-tag--yellow-moutarde, input[type=\"reset\"].fr-tag--yellow-moutarde, input[type=\"submit\"].fr-tag--yellow-moutarde {\n color: var(--text-action-high-yellow-moutarde);\n background-color: var(--background-action-low-yellow-moutarde);\n --hover: var(--background-action-low-yellow-moutarde-hover);\n --active: var(--background-action-low-yellow-moutarde-active);\n}\n\na.fr-tag--orange-terre-battue, button.fr-tag--orange-terre-battue, input[type=\"button\"].fr-tag--orange-terre-battue, input[type=\"image\"].fr-tag--orange-terre-battue, input[type=\"reset\"].fr-tag--orange-terre-battue, input[type=\"submit\"].fr-tag--orange-terre-battue {\n color: var(--text-action-high-orange-terre-battue);\n background-color: var(--background-action-low-orange-terre-battue);\n --hover: var(--background-action-low-orange-terre-battue-hover);\n --active: var(--background-action-low-orange-terre-battue-active);\n}\n\na.fr-tag--brown-cafe-creme, button.fr-tag--brown-cafe-creme, input[type=\"button\"].fr-tag--brown-cafe-creme, input[type=\"image\"].fr-tag--brown-cafe-creme, input[type=\"reset\"].fr-tag--brown-cafe-creme, input[type=\"submit\"].fr-tag--brown-cafe-creme {\n color: var(--text-action-high-brown-cafe-creme);\n background-color: var(--background-action-low-brown-cafe-creme);\n --hover: var(--background-action-low-brown-cafe-creme-hover);\n --active: var(--background-action-low-brown-cafe-creme-active);\n}\n\na.fr-tag--brown-caramel, button.fr-tag--brown-caramel, input[type=\"button\"].fr-tag--brown-caramel, input[type=\"image\"].fr-tag--brown-caramel, input[type=\"reset\"].fr-tag--brown-caramel, input[type=\"submit\"].fr-tag--brown-caramel {\n color: var(--text-action-high-brown-caramel);\n background-color: var(--background-action-low-brown-caramel);\n --hover: var(--background-action-low-brown-caramel-hover);\n --active: var(--background-action-low-brown-caramel-active);\n}\n\na.fr-tag--brown-opera, button.fr-tag--brown-opera, input[type=\"button\"].fr-tag--brown-opera, input[type=\"image\"].fr-tag--brown-opera, input[type=\"reset\"].fr-tag--brown-opera, input[type=\"submit\"].fr-tag--brown-opera {\n color: var(--text-action-high-brown-opera);\n background-color: var(--background-action-low-brown-opera);\n --hover: var(--background-action-low-brown-opera-hover);\n --active: var(--background-action-low-brown-opera-active);\n}\n\na.fr-tag--beige-gris-galet, button.fr-tag--beige-gris-galet, input[type=\"button\"].fr-tag--beige-gris-galet, input[type=\"image\"].fr-tag--beige-gris-galet, input[type=\"reset\"].fr-tag--beige-gris-galet, input[type=\"submit\"].fr-tag--beige-gris-galet {\n color: var(--text-action-high-beige-gris-galet);\n background-color: var(--background-action-low-beige-gris-galet);\n --hover: var(--background-action-low-beige-gris-galet-hover);\n --active: var(--background-action-low-beige-gris-galet-active);\n}\n\na.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n color: var(--text-inverted-grey);\n background-color: transparent;\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, var(--background-action-high-blue-france) 0.625rem);\n}\n\na.fr-tag[aria-pressed=\"true\"]:hover, button.fr-tag[aria-pressed=\"true\"]:hover, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:hover {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, var(--background-action-high-blue-france-hover) 0.625rem);\n}\n\na.fr-tag[aria-pressed=\"true\"]:active, button.fr-tag[aria-pressed=\"true\"]:active, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:active {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, var(--background-action-high-blue-france-active) 0.625rem);\n}\n\na.fr-tag[aria-pressed=\"true\"]:disabled, button.fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:disabled {\n background-image: none;\n}\n\na.fr-tag[aria-pressed=\"true\"]::after, button.fr-tag[aria-pressed=\"true\"]::after, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]::after {\n color: var(--text-action-high-blue-france);\n}\n\na.fr-tag[aria-pressed=\"true\"].fr-tag--sm, button.fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"button\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"image\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france) 0.5rem);\n}\n\na.fr-tag[aria-pressed=\"true\"].fr-tag--sm:hover, button.fr-tag[aria-pressed=\"true\"].fr-tag--sm:hover, input[type=\"button\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:hover, input[type=\"image\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:hover, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:hover, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:hover {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france-hover) 0.5rem);\n}\n\na.fr-tag[aria-pressed=\"true\"].fr-tag--sm:active, button.fr-tag[aria-pressed=\"true\"].fr-tag--sm:active, input[type=\"button\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:active, input[type=\"image\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:active, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:active, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:active {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france-active) 0.5rem);\n}\n\na.fr-tag:disabled, a.fr-tag:not([href]), button.fr-tag:disabled, input[type=\"button\"].fr-tag:disabled, input[type=\"image\"].fr-tag:disabled, input[type=\"reset\"].fr-tag:disabled, input[type=\"submit\"].fr-tag:disabled {\n color: var(--text-disabled-grey);\n background-color: var(--background-disabled-grey);\n --hover: var(--background-disabled-grey-hover);\n --active: var(--background-disabled-grey-active);\n}\n\n.fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france) 0.5rem);\n}\n\n.fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed=\"true\"]:hover, .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=\"true\"]:hover, .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:hover, .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:hover, .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:hover, .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:hover {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france-hover) 0.5rem);\n}\n\n.fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed=\"true\"]:active, .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=\"true\"]:active, .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:active, .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:active, .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:active, .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:active {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-action-high-blue-france-active) 0.5rem);\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n background-size: 100% 100%, 100% 100%;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, #000091 0.625rem) !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"]:hover, button.fr-tag[aria-pressed=\"true\"]:hover, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:hover {\n background-image: #1212ff !important;\n }\n a.fr-tag[aria-pressed=\"true\"]:active, button.fr-tag[aria-pressed=\"true\"]:active, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:active {\n background-image: #2323ff !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag {\n color: #161616;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag {\n background-color: #eee;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag:hover {\n background-color: #d2d2d2;\n }\n .fr-tag:active {\n background-color: #c1c1c1;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag[aria-pressed=\"false\"] {\n color: #000091;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag[aria-pressed=\"false\"] {\n background-color: #e3e3fd;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag[aria-pressed=\"false\"]:hover {\n background-color: #c1c1fb;\n }\n .fr-tag[aria-pressed=\"false\"]:active {\n background-color: #adadf9;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag.fr-tag--dismiss {\n color: #fff;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag.fr-tag--dismiss {\n background-color: #000091;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag.fr-tag--dismiss:hover {\n background-color: #1212ff;\n }\n .fr-tag.fr-tag--dismiss:active {\n background-color: #2323ff;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag, button.fr-tag, input[type=\"button\"].fr-tag, input[type=\"image\"].fr-tag, input[type=\"reset\"].fr-tag, input[type=\"submit\"].fr-tag {\n color: #000091;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag, button.fr-tag, input[type=\"button\"].fr-tag, input[type=\"image\"].fr-tag, input[type=\"reset\"].fr-tag, input[type=\"submit\"].fr-tag {\n background-color: #e3e3fd;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag:hover, button.fr-tag:hover, input[type=\"button\"].fr-tag:hover, input[type=\"image\"].fr-tag:hover, input[type=\"reset\"].fr-tag:hover, input[type=\"submit\"].fr-tag:hover {\n background-color: #c1c1fb;\n }\n a.fr-tag:active, button.fr-tag:active, input[type=\"button\"].fr-tag:active, input[type=\"image\"].fr-tag:active, input[type=\"reset\"].fr-tag:active, input[type=\"submit\"].fr-tag:active {\n background-color: #adadf9;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-tilleul-verveine, button.fr-tag--green-tilleul-verveine, input[type=\"button\"].fr-tag--green-tilleul-verveine, input[type=\"image\"].fr-tag--green-tilleul-verveine, input[type=\"reset\"].fr-tag--green-tilleul-verveine, input[type=\"submit\"].fr-tag--green-tilleul-verveine {\n color: #66673d;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-tilleul-verveine, button.fr-tag--green-tilleul-verveine, input[type=\"button\"].fr-tag--green-tilleul-verveine, input[type=\"image\"].fr-tag--green-tilleul-verveine, input[type=\"reset\"].fr-tag--green-tilleul-verveine, input[type=\"submit\"].fr-tag--green-tilleul-verveine {\n background-color: #fbe769;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-tilleul-verveine:hover, button.fr-tag--green-tilleul-verveine:hover, input[type=\"button\"].fr-tag--green-tilleul-verveine:hover, input[type=\"image\"].fr-tag--green-tilleul-verveine:hover, input[type=\"reset\"].fr-tag--green-tilleul-verveine:hover, input[type=\"submit\"].fr-tag--green-tilleul-verveine:hover {\n background-color: #d7c655;\n }\n a.fr-tag--green-tilleul-verveine:active, button.fr-tag--green-tilleul-verveine:active, input[type=\"button\"].fr-tag--green-tilleul-verveine:active, input[type=\"image\"].fr-tag--green-tilleul-verveine:active, input[type=\"reset\"].fr-tag--green-tilleul-verveine:active, input[type=\"submit\"].fr-tag--green-tilleul-verveine:active {\n background-color: #c2b24c;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-bourgeon, button.fr-tag--green-bourgeon, input[type=\"button\"].fr-tag--green-bourgeon, input[type=\"image\"].fr-tag--green-bourgeon, input[type=\"reset\"].fr-tag--green-bourgeon, input[type=\"submit\"].fr-tag--green-bourgeon {\n color: #447049;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-bourgeon, button.fr-tag--green-bourgeon, input[type=\"button\"].fr-tag--green-bourgeon, input[type=\"image\"].fr-tag--green-bourgeon, input[type=\"reset\"].fr-tag--green-bourgeon, input[type=\"submit\"].fr-tag--green-bourgeon {\n background-color: #a9fb68;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-bourgeon:hover, button.fr-tag--green-bourgeon:hover, input[type=\"button\"].fr-tag--green-bourgeon:hover, input[type=\"image\"].fr-tag--green-bourgeon:hover, input[type=\"reset\"].fr-tag--green-bourgeon:hover, input[type=\"submit\"].fr-tag--green-bourgeon:hover {\n background-color: #8ed654;\n }\n a.fr-tag--green-bourgeon:active, button.fr-tag--green-bourgeon:active, input[type=\"button\"].fr-tag--green-bourgeon:active, input[type=\"image\"].fr-tag--green-bourgeon:active, input[type=\"reset\"].fr-tag--green-bourgeon:active, input[type=\"submit\"].fr-tag--green-bourgeon:active {\n background-color: #7fc04b;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-emeraude, button.fr-tag--green-emeraude, input[type=\"button\"].fr-tag--green-emeraude, input[type=\"image\"].fr-tag--green-emeraude, input[type=\"reset\"].fr-tag--green-emeraude, input[type=\"submit\"].fr-tag--green-emeraude {\n color: #297254;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-emeraude, button.fr-tag--green-emeraude, input[type=\"button\"].fr-tag--green-emeraude, input[type=\"image\"].fr-tag--green-emeraude, input[type=\"reset\"].fr-tag--green-emeraude, input[type=\"submit\"].fr-tag--green-emeraude {\n background-color: #9ef9be;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-emeraude:hover, button.fr-tag--green-emeraude:hover, input[type=\"button\"].fr-tag--green-emeraude:hover, input[type=\"image\"].fr-tag--green-emeraude:hover, input[type=\"reset\"].fr-tag--green-emeraude:hover, input[type=\"submit\"].fr-tag--green-emeraude:hover {\n background-color: #69df97;\n }\n a.fr-tag--green-emeraude:active, button.fr-tag--green-emeraude:active, input[type=\"button\"].fr-tag--green-emeraude:active, input[type=\"image\"].fr-tag--green-emeraude:active, input[type=\"reset\"].fr-tag--green-emeraude:active, input[type=\"submit\"].fr-tag--green-emeraude:active {\n background-color: #5ec988;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-menthe, button.fr-tag--green-menthe, input[type=\"button\"].fr-tag--green-menthe, input[type=\"image\"].fr-tag--green-menthe, input[type=\"reset\"].fr-tag--green-menthe, input[type=\"submit\"].fr-tag--green-menthe {\n color: #37635f;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-menthe, button.fr-tag--green-menthe, input[type=\"button\"].fr-tag--green-menthe, input[type=\"image\"].fr-tag--green-menthe, input[type=\"reset\"].fr-tag--green-menthe, input[type=\"submit\"].fr-tag--green-menthe {\n background-color: #8bf8e7;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-menthe:hover, button.fr-tag--green-menthe:hover, input[type=\"button\"].fr-tag--green-menthe:hover, input[type=\"image\"].fr-tag--green-menthe:hover, input[type=\"reset\"].fr-tag--green-menthe:hover, input[type=\"submit\"].fr-tag--green-menthe:hover {\n background-color: #6ed5c5;\n }\n a.fr-tag--green-menthe:active, button.fr-tag--green-menthe:active, input[type=\"button\"].fr-tag--green-menthe:active, input[type=\"image\"].fr-tag--green-menthe:active, input[type=\"reset\"].fr-tag--green-menthe:active, input[type=\"submit\"].fr-tag--green-menthe:active {\n background-color: #62bfb1;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-archipel, button.fr-tag--green-archipel, input[type=\"button\"].fr-tag--green-archipel, input[type=\"image\"].fr-tag--green-archipel, input[type=\"reset\"].fr-tag--green-archipel, input[type=\"submit\"].fr-tag--green-archipel {\n color: #006a6f;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-archipel, button.fr-tag--green-archipel, input[type=\"button\"].fr-tag--green-archipel, input[type=\"image\"].fr-tag--green-archipel, input[type=\"reset\"].fr-tag--green-archipel, input[type=\"submit\"].fr-tag--green-archipel {\n background-color: #a6f2fa;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-archipel:hover, button.fr-tag--green-archipel:hover, input[type=\"button\"].fr-tag--green-archipel:hover, input[type=\"image\"].fr-tag--green-archipel:hover, input[type=\"reset\"].fr-tag--green-archipel:hover, input[type=\"submit\"].fr-tag--green-archipel:hover {\n background-color: #62dbe5;\n }\n a.fr-tag--green-archipel:active, button.fr-tag--green-archipel:active, input[type=\"button\"].fr-tag--green-archipel:active, input[type=\"image\"].fr-tag--green-archipel:active, input[type=\"reset\"].fr-tag--green-archipel:active, input[type=\"submit\"].fr-tag--green-archipel:active {\n background-color: #58c5cf;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-ecume, button.fr-tag--blue-ecume, input[type=\"button\"].fr-tag--blue-ecume, input[type=\"image\"].fr-tag--blue-ecume, input[type=\"reset\"].fr-tag--blue-ecume, input[type=\"submit\"].fr-tag--blue-ecume {\n color: #2f4077;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-ecume, button.fr-tag--blue-ecume, input[type=\"button\"].fr-tag--blue-ecume, input[type=\"image\"].fr-tag--blue-ecume, input[type=\"reset\"].fr-tag--blue-ecume, input[type=\"submit\"].fr-tag--blue-ecume {\n background-color: #dee5fd;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-ecume:hover, button.fr-tag--blue-ecume:hover, input[type=\"button\"].fr-tag--blue-ecume:hover, input[type=\"image\"].fr-tag--blue-ecume:hover, input[type=\"reset\"].fr-tag--blue-ecume:hover, input[type=\"submit\"].fr-tag--blue-ecume:hover {\n background-color: #b4c5fb;\n }\n a.fr-tag--blue-ecume:active, button.fr-tag--blue-ecume:active, input[type=\"button\"].fr-tag--blue-ecume:active, input[type=\"image\"].fr-tag--blue-ecume:active, input[type=\"reset\"].fr-tag--blue-ecume:active, input[type=\"submit\"].fr-tag--blue-ecume:active {\n background-color: #99b3f9;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-cumulus, button.fr-tag--blue-cumulus, input[type=\"button\"].fr-tag--blue-cumulus, input[type=\"image\"].fr-tag--blue-cumulus, input[type=\"reset\"].fr-tag--blue-cumulus, input[type=\"submit\"].fr-tag--blue-cumulus {\n color: #3558a2;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-cumulus, button.fr-tag--blue-cumulus, input[type=\"button\"].fr-tag--blue-cumulus, input[type=\"image\"].fr-tag--blue-cumulus, input[type=\"reset\"].fr-tag--blue-cumulus, input[type=\"submit\"].fr-tag--blue-cumulus {\n background-color: #dae6fd;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-cumulus:hover, button.fr-tag--blue-cumulus:hover, input[type=\"button\"].fr-tag--blue-cumulus:hover, input[type=\"image\"].fr-tag--blue-cumulus:hover, input[type=\"reset\"].fr-tag--blue-cumulus:hover, input[type=\"submit\"].fr-tag--blue-cumulus:hover {\n background-color: #a9c8fb;\n }\n a.fr-tag--blue-cumulus:active, button.fr-tag--blue-cumulus:active, input[type=\"button\"].fr-tag--blue-cumulus:active, input[type=\"image\"].fr-tag--blue-cumulus:active, input[type=\"reset\"].fr-tag--blue-cumulus:active, input[type=\"submit\"].fr-tag--blue-cumulus:active {\n background-color: #8ab8f9;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--purple-glycine, button.fr-tag--purple-glycine, input[type=\"button\"].fr-tag--purple-glycine, input[type=\"image\"].fr-tag--purple-glycine, input[type=\"reset\"].fr-tag--purple-glycine, input[type=\"submit\"].fr-tag--purple-glycine {\n color: #6e445a;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--purple-glycine, button.fr-tag--purple-glycine, input[type=\"button\"].fr-tag--purple-glycine, input[type=\"image\"].fr-tag--purple-glycine, input[type=\"reset\"].fr-tag--purple-glycine, input[type=\"submit\"].fr-tag--purple-glycine {\n background-color: #fddbfa;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--purple-glycine:hover, button.fr-tag--purple-glycine:hover, input[type=\"button\"].fr-tag--purple-glycine:hover, input[type=\"image\"].fr-tag--purple-glycine:hover, input[type=\"reset\"].fr-tag--purple-glycine:hover, input[type=\"submit\"].fr-tag--purple-glycine:hover {\n background-color: #fbaff5;\n }\n a.fr-tag--purple-glycine:active, button.fr-tag--purple-glycine:active, input[type=\"button\"].fr-tag--purple-glycine:active, input[type=\"image\"].fr-tag--purple-glycine:active, input[type=\"reset\"].fr-tag--purple-glycine:active, input[type=\"submit\"].fr-tag--purple-glycine:active {\n background-color: #fa96f2;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-macaron, button.fr-tag--pink-macaron, input[type=\"button\"].fr-tag--pink-macaron, input[type=\"image\"].fr-tag--pink-macaron, input[type=\"reset\"].fr-tag--pink-macaron, input[type=\"submit\"].fr-tag--pink-macaron {\n color: #8d533e;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-macaron, button.fr-tag--pink-macaron, input[type=\"button\"].fr-tag--pink-macaron, input[type=\"image\"].fr-tag--pink-macaron, input[type=\"reset\"].fr-tag--pink-macaron, input[type=\"submit\"].fr-tag--pink-macaron {\n background-color: #fddfda;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-macaron:hover, button.fr-tag--pink-macaron:hover, input[type=\"button\"].fr-tag--pink-macaron:hover, input[type=\"image\"].fr-tag--pink-macaron:hover, input[type=\"reset\"].fr-tag--pink-macaron:hover, input[type=\"submit\"].fr-tag--pink-macaron:hover {\n background-color: #fbb8ab;\n }\n a.fr-tag--pink-macaron:active, button.fr-tag--pink-macaron:active, input[type=\"button\"].fr-tag--pink-macaron:active, input[type=\"image\"].fr-tag--pink-macaron:active, input[type=\"reset\"].fr-tag--pink-macaron:active, input[type=\"submit\"].fr-tag--pink-macaron:active {\n background-color: #faa18d;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-tuile, button.fr-tag--pink-tuile, input[type=\"button\"].fr-tag--pink-tuile, input[type=\"image\"].fr-tag--pink-tuile, input[type=\"reset\"].fr-tag--pink-tuile, input[type=\"submit\"].fr-tag--pink-tuile {\n color: #a94645;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-tuile, button.fr-tag--pink-tuile, input[type=\"button\"].fr-tag--pink-tuile, input[type=\"image\"].fr-tag--pink-tuile, input[type=\"reset\"].fr-tag--pink-tuile, input[type=\"submit\"].fr-tag--pink-tuile {\n background-color: #fddfdb;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-tuile:hover, button.fr-tag--pink-tuile:hover, input[type=\"button\"].fr-tag--pink-tuile:hover, input[type=\"image\"].fr-tag--pink-tuile:hover, input[type=\"reset\"].fr-tag--pink-tuile:hover, input[type=\"submit\"].fr-tag--pink-tuile:hover {\n background-color: #fbb8ad;\n }\n a.fr-tag--pink-tuile:active, button.fr-tag--pink-tuile:active, input[type=\"button\"].fr-tag--pink-tuile:active, input[type=\"image\"].fr-tag--pink-tuile:active, input[type=\"reset\"].fr-tag--pink-tuile:active, input[type=\"submit\"].fr-tag--pink-tuile:active {\n background-color: #faa191;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--yellow-tournesol, button.fr-tag--yellow-tournesol, input[type=\"button\"].fr-tag--yellow-tournesol, input[type=\"image\"].fr-tag--yellow-tournesol, input[type=\"reset\"].fr-tag--yellow-tournesol, input[type=\"submit\"].fr-tag--yellow-tournesol {\n color: #716043;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--yellow-tournesol, button.fr-tag--yellow-tournesol, input[type=\"button\"].fr-tag--yellow-tournesol, input[type=\"image\"].fr-tag--yellow-tournesol, input[type=\"reset\"].fr-tag--yellow-tournesol, input[type=\"submit\"].fr-tag--yellow-tournesol {\n background-color: #fde39c;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--yellow-tournesol:hover, button.fr-tag--yellow-tournesol:hover, input[type=\"button\"].fr-tag--yellow-tournesol:hover, input[type=\"image\"].fr-tag--yellow-tournesol:hover, input[type=\"reset\"].fr-tag--yellow-tournesol:hover, input[type=\"submit\"].fr-tag--yellow-tournesol:hover {\n background-color: #e9c53b;\n }\n a.fr-tag--yellow-tournesol:active, button.fr-tag--yellow-tournesol:active, input[type=\"button\"].fr-tag--yellow-tournesol:active, input[type=\"image\"].fr-tag--yellow-tournesol:active, input[type=\"reset\"].fr-tag--yellow-tournesol:active, input[type=\"submit\"].fr-tag--yellow-tournesol:active {\n background-color: #d3b235;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--yellow-moutarde, button.fr-tag--yellow-moutarde, input[type=\"button\"].fr-tag--yellow-moutarde, input[type=\"image\"].fr-tag--yellow-moutarde, input[type=\"reset\"].fr-tag--yellow-moutarde, input[type=\"submit\"].fr-tag--yellow-moutarde {\n color: #695240;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--yellow-moutarde, button.fr-tag--yellow-moutarde, input[type=\"button\"].fr-tag--yellow-moutarde, input[type=\"image\"].fr-tag--yellow-moutarde, input[type=\"reset\"].fr-tag--yellow-moutarde, input[type=\"submit\"].fr-tag--yellow-moutarde {\n background-color: #fde2b5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--yellow-moutarde:hover, button.fr-tag--yellow-moutarde:hover, input[type=\"button\"].fr-tag--yellow-moutarde:hover, input[type=\"image\"].fr-tag--yellow-moutarde:hover, input[type=\"reset\"].fr-tag--yellow-moutarde:hover, input[type=\"submit\"].fr-tag--yellow-moutarde:hover {\n background-color: #f6c43c;\n }\n a.fr-tag--yellow-moutarde:active, button.fr-tag--yellow-moutarde:active, input[type=\"button\"].fr-tag--yellow-moutarde:active, input[type=\"image\"].fr-tag--yellow-moutarde:active, input[type=\"reset\"].fr-tag--yellow-moutarde:active, input[type=\"submit\"].fr-tag--yellow-moutarde:active {\n background-color: #dfb135;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--orange-terre-battue, button.fr-tag--orange-terre-battue, input[type=\"button\"].fr-tag--orange-terre-battue, input[type=\"image\"].fr-tag--orange-terre-battue, input[type=\"reset\"].fr-tag--orange-terre-battue, input[type=\"submit\"].fr-tag--orange-terre-battue {\n color: #755348;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--orange-terre-battue, button.fr-tag--orange-terre-battue, input[type=\"button\"].fr-tag--orange-terre-battue, input[type=\"image\"].fr-tag--orange-terre-battue, input[type=\"reset\"].fr-tag--orange-terre-battue, input[type=\"submit\"].fr-tag--orange-terre-battue {\n background-color: #fddfd8;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--orange-terre-battue:hover, button.fr-tag--orange-terre-battue:hover, input[type=\"button\"].fr-tag--orange-terre-battue:hover, input[type=\"image\"].fr-tag--orange-terre-battue:hover, input[type=\"reset\"].fr-tag--orange-terre-battue:hover, input[type=\"submit\"].fr-tag--orange-terre-battue:hover {\n background-color: #fbb8a5;\n }\n a.fr-tag--orange-terre-battue:active, button.fr-tag--orange-terre-battue:active, input[type=\"button\"].fr-tag--orange-terre-battue:active, input[type=\"image\"].fr-tag--orange-terre-battue:active, input[type=\"reset\"].fr-tag--orange-terre-battue:active, input[type=\"submit\"].fr-tag--orange-terre-battue:active {\n background-color: #faa184;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-cafe-creme, button.fr-tag--brown-cafe-creme, input[type=\"button\"].fr-tag--brown-cafe-creme, input[type=\"image\"].fr-tag--brown-cafe-creme, input[type=\"reset\"].fr-tag--brown-cafe-creme, input[type=\"submit\"].fr-tag--brown-cafe-creme {\n color: #685c48;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-cafe-creme, button.fr-tag--brown-cafe-creme, input[type=\"button\"].fr-tag--brown-cafe-creme, input[type=\"image\"].fr-tag--brown-cafe-creme, input[type=\"reset\"].fr-tag--brown-cafe-creme, input[type=\"submit\"].fr-tag--brown-cafe-creme {\n background-color: #f4e3c7;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-cafe-creme:hover, button.fr-tag--brown-cafe-creme:hover, input[type=\"button\"].fr-tag--brown-cafe-creme:hover, input[type=\"image\"].fr-tag--brown-cafe-creme:hover, input[type=\"reset\"].fr-tag--brown-cafe-creme:hover, input[type=\"submit\"].fr-tag--brown-cafe-creme:hover {\n background-color: #e1c386;\n }\n a.fr-tag--brown-cafe-creme:active, button.fr-tag--brown-cafe-creme:active, input[type=\"button\"].fr-tag--brown-cafe-creme:active, input[type=\"image\"].fr-tag--brown-cafe-creme:active, input[type=\"reset\"].fr-tag--brown-cafe-creme:active, input[type=\"submit\"].fr-tag--brown-cafe-creme:active {\n background-color: #ccb078;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-caramel, button.fr-tag--brown-caramel, input[type=\"button\"].fr-tag--brown-caramel, input[type=\"image\"].fr-tag--brown-caramel, input[type=\"reset\"].fr-tag--brown-caramel, input[type=\"submit\"].fr-tag--brown-caramel {\n color: #845d48;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-caramel, button.fr-tag--brown-caramel, input[type=\"button\"].fr-tag--brown-caramel, input[type=\"image\"].fr-tag--brown-caramel, input[type=\"reset\"].fr-tag--brown-caramel, input[type=\"submit\"].fr-tag--brown-caramel {\n background-color: #f3e2d9;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-caramel:hover, button.fr-tag--brown-caramel:hover, input[type=\"button\"].fr-tag--brown-caramel:hover, input[type=\"image\"].fr-tag--brown-caramel:hover, input[type=\"reset\"].fr-tag--brown-caramel:hover, input[type=\"submit\"].fr-tag--brown-caramel:hover {\n background-color: #e7bea6;\n }\n a.fr-tag--brown-caramel:active, button.fr-tag--brown-caramel:active, input[type=\"button\"].fr-tag--brown-caramel:active, input[type=\"image\"].fr-tag--brown-caramel:active, input[type=\"reset\"].fr-tag--brown-caramel:active, input[type=\"submit\"].fr-tag--brown-caramel:active {\n background-color: #e1a982;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-opera, button.fr-tag--brown-opera, input[type=\"button\"].fr-tag--brown-opera, input[type=\"image\"].fr-tag--brown-opera, input[type=\"reset\"].fr-tag--brown-opera, input[type=\"submit\"].fr-tag--brown-opera {\n color: #745b47;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-opera, button.fr-tag--brown-opera, input[type=\"button\"].fr-tag--brown-opera, input[type=\"image\"].fr-tag--brown-opera, input[type=\"reset\"].fr-tag--brown-opera, input[type=\"submit\"].fr-tag--brown-opera {\n background-color: #f3e2d7;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--brown-opera:hover, button.fr-tag--brown-opera:hover, input[type=\"button\"].fr-tag--brown-opera:hover, input[type=\"image\"].fr-tag--brown-opera:hover, input[type=\"reset\"].fr-tag--brown-opera:hover, input[type=\"submit\"].fr-tag--brown-opera:hover {\n background-color: #e7bfa0;\n }\n a.fr-tag--brown-opera:active, button.fr-tag--brown-opera:active, input[type=\"button\"].fr-tag--brown-opera:active, input[type=\"image\"].fr-tag--brown-opera:active, input[type=\"reset\"].fr-tag--brown-opera:active, input[type=\"submit\"].fr-tag--brown-opera:active {\n background-color: #deaa7e;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--beige-gris-galet, button.fr-tag--beige-gris-galet, input[type=\"button\"].fr-tag--beige-gris-galet, input[type=\"image\"].fr-tag--beige-gris-galet, input[type=\"reset\"].fr-tag--beige-gris-galet, input[type=\"submit\"].fr-tag--beige-gris-galet {\n color: #6a6156;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--beige-gris-galet, button.fr-tag--beige-gris-galet, input[type=\"button\"].fr-tag--beige-gris-galet, input[type=\"image\"].fr-tag--beige-gris-galet, input[type=\"reset\"].fr-tag--beige-gris-galet, input[type=\"submit\"].fr-tag--beige-gris-galet {\n background-color: #eee4d9;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--beige-gris-galet:hover, button.fr-tag--beige-gris-galet:hover, input[type=\"button\"].fr-tag--beige-gris-galet:hover, input[type=\"image\"].fr-tag--beige-gris-galet:hover, input[type=\"reset\"].fr-tag--beige-gris-galet:hover, input[type=\"submit\"].fr-tag--beige-gris-galet:hover {\n background-color: #dbc3a4;\n }\n a.fr-tag--beige-gris-galet:active, button.fr-tag--beige-gris-galet:active, input[type=\"button\"].fr-tag--beige-gris-galet:active, input[type=\"image\"].fr-tag--beige-gris-galet:active, input[type=\"reset\"].fr-tag--beige-gris-galet:active, input[type=\"submit\"].fr-tag--beige-gris-galet:active {\n background-color: #c6b094;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n color: #fff;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n background-color: transparent;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"], button.fr-tag[aria-pressed=\"true\"], input[type=\"button\"].fr-tag[aria-pressed=\"true\"], input[type=\"image\"].fr-tag[aria-pressed=\"true\"], input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, #000091 0.625rem);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"]:hover, button.fr-tag[aria-pressed=\"true\"]:hover, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:hover, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:hover {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, #1212ff 0.625rem);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"]:active, button.fr-tag[aria-pressed=\"true\"]:active, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:active, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:active {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.57812rem, #2323ff 0.625rem);\n }\n}\n\na.fr-tag[aria-pressed=\"true\"]:disabled, button.fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:disabled, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:disabled {\n background-image: none;\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"]::after, button.fr-tag[aria-pressed=\"true\"]::after, input[type=\"button\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"image\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]::after, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]::after {\n color: #000091;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"].fr-tag--sm, button.fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"button\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"image\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"].fr-tag--sm:hover, button.fr-tag[aria-pressed=\"true\"].fr-tag--sm:hover, input[type=\"button\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:hover, input[type=\"image\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:hover, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:hover, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:hover {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #1212ff 0.5rem);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag[aria-pressed=\"true\"].fr-tag--sm:active, button.fr-tag[aria-pressed=\"true\"].fr-tag--sm:active, input[type=\"button\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:active, input[type=\"image\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:active, input[type=\"reset\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:active, input[type=\"submit\"].fr-tag[aria-pressed=\"true\"].fr-tag--sm:active {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #2323ff 0.5rem);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag:disabled, a.fr-tag:not([href]), button.fr-tag:disabled, input[type=\"button\"].fr-tag:disabled, input[type=\"image\"].fr-tag:disabled, input[type=\"reset\"].fr-tag:disabled, input[type=\"submit\"].fr-tag:disabled {\n color: #929292;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag:disabled, a.fr-tag:not([href]), button.fr-tag:disabled, input[type=\"button\"].fr-tag:disabled, input[type=\"image\"].fr-tag:disabled, input[type=\"reset\"].fr-tag:disabled, input[type=\"submit\"].fr-tag:disabled {\n background-color: #e5e5e5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag:disabled:hover, a.fr-tag:not([href]):hover, button.fr-tag:disabled:hover, input[type=\"button\"].fr-tag:disabled:hover, input[type=\"image\"].fr-tag:disabled:hover, input[type=\"reset\"].fr-tag:disabled:hover, input[type=\"submit\"].fr-tag:disabled:hover {\n background-color: #c5c5c5;\n }\n a.fr-tag:disabled:active, a.fr-tag:not([href]):active, button.fr-tag:disabled:active, input[type=\"button\"].fr-tag:disabled:active, input[type=\"image\"].fr-tag:disabled:active, input[type=\"reset\"].fr-tag:disabled:active, input[type=\"submit\"].fr-tag:disabled:active {\n background-color: #b2b2b2;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag[aria-pressed=\"true\"], .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag[aria-pressed=\"true\"] {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #000091 0.5rem);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed=\"true\"]:hover, .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=\"true\"]:hover, .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:hover, .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:hover, .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:hover, .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:hover {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #1212ff 0.5rem);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tags-group.fr-tags-group--sm a.fr-tag[aria-pressed=\"true\"]:active, .fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=\"true\"]:active, .fr-tags-group.fr-tags-group--sm input[type=\"button\"].fr-tag[aria-pressed=\"true\"]:active, .fr-tags-group.fr-tags-group--sm input[type=\"image\"].fr-tag[aria-pressed=\"true\"]:active, .fr-tags-group.fr-tags-group--sm input[type=\"reset\"].fr-tag[aria-pressed=\"true\"]:active, .fr-tags-group.fr-tags-group--sm input[type=\"submit\"].fr-tag[aria-pressed=\"true\"]:active {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, #2323ff 0.5rem);\n }\n}\n","////\n/// Tag Main\n/// @group tag\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n TAG\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@import 'index';\n@import 'style/module';\n@import 'style/scheme';\n\n@include _tag-scheme;\n","////\n/// Link Tool : build\n/// @group link\n////\n\n@function _sort-sizes($sizes) {\n $sorted-map: (\n md: map_get($sizes, md)\n );\n\n @each $size, $size-settings in $sizes {\n @if $size != md {\n $sorted-map: map-merge($sorted-map, ($size: $size-settings));\n }\n }\n\n @return $sorted-map;\n}\n\n@mixin _link-class($base, $size: md, $place: null, $align-on-content: false) {\n $selector: '';\n\n @if $size != md {\n $selector: '#{$base}--#{$size}';\n }\n\n @if $align-on-content {\n $selector: '#{$selector}#{$base}--align-on-content';\n }\n\n @if $place == only {\n @if $selector == '' {\n $selector: '#{$base}';\n }\n $selector: '#{$selector}:not([class*=\"#{str-slice(quote($base), 2)}--icon-\"])';\n }\n @else if $place == left or $place == right {\n $selector: '#{$selector}#{$base}--icon-#{$place}';\n }\n\n @if $selector == '' {\n $selector: $base;\n }\n\n #{$selector} {\n @if $place != null {\n @include has-icon {\n @content;\n }\n }\n @else {\n @content;\n }\n }\n}\n\n@mixin _build-link-base {\n @include set-text-margin(0);\n @include set-title-margin(0);\n @include display-flex(row, center, null, null, true);\n @include z-index(over);\n}\n\n@mixin _build-link($settings) {\n $places: map_get($settings, places);\n $sizes: _sort-sizes(map_get($settings, sizes));\n $border-radius: map-get($settings, border-radius);\n $align-on-content: map-get($settings, align-on-content);\n $base: ns(map-get($settings, selector));\n $underline: map-get($settings, underline);\n\n #{$base} {\n @include _build-link-base;\n @if $underline != true {\n @include disable-underline;\n @include tint-enabled(true, null);\n }\n @content;\n }\n\n @each $size, $size-settings in $sizes {\n @include _link-class($base, $size) {\n @include _build-link-size($size-settings, $border-radius);\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, null, true) {\n @include _link-align-on-content($size, null, $size-settings);\n }\n }\n\n @if $places != null {\n @each $place in $places {\n @include _link-class($base, $size, $place) {\n @include _build-link-icon($size-settings, $place, $size, $size == md, $place == right);\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, $place, true) {\n @include _link-align-on-content($size, $place, $size-settings);\n }\n }\n }\n }\n }\n}\n\n@mixin build-link() {\n @include _build-link($links-settings) {\n @content;\n }\n}\n","////\n/// Core Tool : Typography build\n/// @group core\n////\n\n@function get-text-style($font-size) {\n @return map-get($text-styles, $font-size);\n}\n\n@function get-title-style($font-size) {\n @return map-get($title-styles, $font-size);\n}\n\n@mixin _stylize($font-size, $styles, $prepend, $append) {\n $style: map-get($styles, $font-size);\n\n @if $prepend == null {\n $prepend: '';\n }\n\n @if $append == null {\n $append: '';\n }\n\n font-size: #{$prepend} font-size($font-size) #{$append};\n\n @if map-has-key($style, line-height) {\n line-height: #{$prepend} space(map-get($style, line-height)) #{$append};\n }\n}\n\n@mixin _responsive-styles($settings, $styles, $is-responsive, $prepend, $append) {\n $breakpoints: map-get($settings, breakpoints);\n\n @if map-has-key($settings, weight) {\n font-weight: #{$prepend} map-get($font-weight-scale, map-get($settings, weight)) #{$append};\n }\n\n @if $is-responsive {\n @each $breakpoint, $size in $breakpoints {\n @if $breakpoint == first {\n @include _stylize($size, $styles, $prepend, $append);\n }\n @else {\n @include respond-from($breakpoint) {\n @include _stylize($size, $styles, $prepend, $append);\n }\n }\n }\n }\n @else {\n @if map-has-key($breakpoints, md) {\n @include _stylize(map-get($breakpoints, md), $styles);\n }\n @else {\n @include _stylize(map-get($breakpoints, first), $styles);\n }\n }\n}\n\n@mixin _space-text($settings) {\n @include margin( var(#{'--' + map-get($settings, 'margin') + '-spacing'}) );\n}\n\n@mixin text-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($text-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $text-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin title-style($name, $with-spacing: false, $is-responsive: true, $prepend: null, $important: false) {\n $settings: map-get($title-settings, $name);\n @if $settings {\n $append: '';\n @if $important {\n $append: ' !important';\n }\n\n @include _responsive-styles($settings, $title-styles, $is-responsive, $prepend, $append);\n\n @if $with-spacing {\n @include _space-text($settings);\n }\n }\n}\n\n@mixin _set-typography-var($name, $value, $bp: null) {\n @if $bp != null {\n @include respond-from(#{$bp}) {\n --#{$name}-spacing: #{space($value)};\n }\n }\n @else {\n --#{$name}-spacing: #{space($value)};\n }\n}\n\n@mixin set-title-margin($margin, $bp:null) {\n @include _set-typography-var(title, $margin, $bp);\n}\n\n@mixin set-text-margin($margin, $bp:null) {\n @include _set-typography-var(text, $margin, $bp);\n}\n\n@mixin set-display-margin($margin, $bp:null) {\n @include _set-typography-var(display, $margin, $bp);\n}\n","////\n/// Core Tool : Display display\n/// @group core\n////\n\n@mixin display-flex($flex-direction: row, $align-items: null, $justify-content: null, $flex-wrap: null, $inline: false) {\n\n @if $inline == true {\n display: inline-flex;\n }\n @else {\n display: flex;\n }\n\n @if $flex-direction != null {\n flex-direction: #{$flex-direction};\n }\n\n @if $align-items != null {\n align-items: #{$align-items};\n }\n\n @if $justify-content != null {\n justify-content: #{$justify-content};\n }\n\n @if $flex-wrap != null {\n flex-wrap: #{$flex-wrap};\n }\n}\n","////\n/// Core Tool : Spacing z-index\n/// @group core\n////\n\n/// Fonction de gestion des z-index\n/// @access public\n/// @param {String} $index-name - nom du calque de z-index\n@function z-index($index-name) {\n @return map-get($z-indexes, $index-name);\n}\n\n/// Mixin de gestion des z-index\n/// @access public\n/// @param {String} $index-name - nom du calque de z-index\n@mixin z-index($index-name, $focus: false) {\n z-index: z-index($index-name);\n @if $focus {\n $focus-z-index: z-index($index-name + '-focus');\n\n @if $focus-z-index != null {\n *:focus,\n *:focus-visible {\n z-index: #{$focus-z-index};\n }\n }\n }\n}\n","////\n/// Core Setting : Spacing z-index\n/// @group core\n////\n\n/// Liste des z-index présent dans le DS\n/// @type map\n$z-indexes: (\n auto: auto,\n below: -2,\n under: -1,\n base: 0,\n over: 1,\n above: 2,\n focus: 500,\n higher: 1000,\n higher-focus: 1500,\n menu: 2000,\n menu-focus: 2500,\n nav: 3000,\n nav-focus: 3500,\n consent: 4000,\n consent-focus: 4500,\n modal: 5000,\n modal-focus: 5500,\n modal-footer: 6000,\n modal-footer-focus: 6500,\n);\n","////\n/// Core Tool : Reset\n/// @group core\n////\n\n$underline-thickness: 0.0625em;\n\n@mixin a-reset {\n text-decoration: none;\n color: inherit;\n}\n\n@mixin enable-underline() {\n --underline-img: linear-gradient(0deg, currentColor, currentColor);\n --link-blank-font: #{font-icon(sm, true)};\n --link-blank-content: \"\\00a0#{icon-glyph(external-link-line, true)}\";\n}\n\n@mixin disable-underline() {\n --underline-img: none;\n --link-blank-font: none;\n --link-blank-content: none;\n}\n\n@mixin link-underline() {\n background-image: var(--underline-img), var(--underline-img);\n background-position: 50% calc(50% + #{11.5 * $underline-thickness }), 50% calc(50% + #{10.5 * $underline-thickness });\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n @include link-underline-background-size(100%, 0);\n}\n\n@mixin link-underline-background-size($base-width: 100%, $hover-width: 100%) {\n background-size: #{$hover-width} #{$underline-thickness }, #{$base-width} #{$underline-thickness };\n}\n\n@mixin hover-underline () {\n &:hover,\n &:active {\n @include link-underline-background-size(100%, 100%);\n }\n}\n\n@mixin link-blank() {\n @include after(var(--link-blank-content)) {\n font: var(--link-blank-font);\n }\n}\n","////\n/// Core Tool : Action Hover\n/// @group core\n////\n\n@mixin hover-media-query () {\n @media (hover: hover) and (pointer: fine) {\n @content;\n }\n}\n\n@mixin hover-type-selector($elements, $type: all, $check-disabled: false) {\n $selectors: ();\n\n @each $element, $setting in $elements {\n $hover: map-get($setting, hover);\n $selector: map-get($setting, selector);\n @if $hover {\n @if $type == map-get($hover, type) or $type == all {\n $nested: $selector;\n @if $check-disabled {\n $nested: nest($selector, map-get($hover, selector));\n }\n $associated: $nested;\n @if & != null and quote(&) != ':root' {\n $associated: selector-associate(quote(&), $nested);\n }\n $selectors: append($selectors, $associated, 'comma');\n }\n }\n }\n\n @at-root #{$selectors} {\n @content;\n }\n}\n\n@mixin hover-tint () {\n &:hover {\n background-color: var(--hover-tint);\n }\n\n &:active {\n background-color: var(--active-tint);\n }\n}\n\n@mixin enable-tint () {\n @include tint-enabled(true, true);\n}\n\n@mixin disable-tint() {\n @include tint-enabled(false, false);\n}\n\n@mixin tint-enabled ($hover: null, $active: null) {\n @if $hover {\n --hover-tint: var(--hover);\n }\n @else if $hover == false {\n --hover-tint: transparent;\n }\n\n @if $active {\n --active-tint: var(--active);\n }\n @else if $active == false {\n --active-tint: transparent;\n }\n}\n\n@mixin hover-brighten ($element, $img) {\n @at-root #{$element} {\n &:hover #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten});\n }\n\n &:active #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2});\n }\n }\n}\n\n@mixin hover-brighten-filter () {\n filter: brightness(var(--brightness));\n}\n","////\n/// Link Tool : sizes\n/// @group link\n////\n\n@mixin _build-link-size($size-settings, $border-radius: false) {\n $font-size: map_get($size-settings, font-size);\n $style: get-text-style($font-size);\n $line-height: space(map_get($style, line-height));\n font-size: px-rem($font-size);\n line-height: $line-height;\n\n $min-height: space(map_get($size-settings, min-height));\n @if $min-height > 0 {\n min-height: $min-height;\n }\n\n $max-icon-height: icon-size(md);\n\n @if map_has_key($size-settings, icon-only) {\n $max-icon-height: icon-size(map_get($size-settings, icon-only));\n }\n @else if map_has_key($size-settings, icon) {\n $max-icon-height: icon-size(map_get($size-settings, icon));\n }\n\n $space-y: max($line-height, $max-icon-height);\n $padding-x: space(map_get($size-settings, padding-x));\n $padding-y: max(($min-height - $space-y) / 2, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height / 2};\n }\n}\n\n@function _link-icon-margin($size) {\n @return icon-size($size) / 6;\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: space(map_get($size-settings, padding-x));\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n\n @if $place == null {\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n @else if $place == left {\n margin-left: -($padding-x - $icon-margin);\n margin-right: -($padding-x);\n }\n @else if $place == right {\n margin-left: -($padding-x);\n margin-right: -($padding-x - $icon-margin);\n }\n @else if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n $min-height: space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) / 2;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Core Function : units\n/// @group core\n////\n\n/// Retourne la valeur numérique sans unité.\n/// @access public\n/// @param {String} $value - la valeur avec unité\n/// @example\n/// clean-unit(12px);\n@function clean-unit($value) {\n @if $value == null {\n @return null;\n }\n @return ($value / ($value * 0 + 1));\n}\n\n/// Return rem from px\n///\n/// @param {String} $px - Font size in pixels\n/// @param {String} $root-font-size [$base-font-size-px] - Pixel font size for conversion\n///\n/// @example scss - Get 1rem conversion from 16px, using $base-font-size-px\n/// .foo {\n/// font-size: px-rem(12px);\n/// }\n@function px-rem($px, $root-font-size: 16px) {\n @return clean-unit($px / $root-font-size) * 1rem;\n}\n\n@function is-unit($value, $unit) {\n $v: to-lower-case(quote($value));\n $u: quote($unit);\n @return str-index($v, $u) == (str-length($v) - str-length($u) + 1);\n}\n\n@function is-basic-unit($value) {\n $units: em ex '%' px cm mm in pt pc ch rem vw vh vmin vmax;\n @each $unit in $units {\n @if is-unit($value, $unit) {\n @return true;\n }\n }\n @return false;\n}\n","////\n/// Core Function : Spacing space\n/// @group core\n////\n\n$V: 0.25rem;\n$W: 0.5rem;\n\n/// Return space value from type map and convert to rem.\n///\n/// @param {Number} $value - valeur de l'espacement, permet de convertir cet espacement de v (4px) ou w (8px) en rem\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// margin-bottom: space(6v);\n/// }\n@function space($value) {\n @if type-of($value) == list {\n $list: ();\n $separator: list-separator($value);\n @each $v in $value {\n $list: append($list, space($v), $separator);\n }\n @return $list;\n }\n @if type-of($value) == string {\n $c: str-index($value, '(');\n @if $c {\n $b: null;\n $n: 0;\n $i: $c + 1;\n $l: str-length($value);\n @while $b == null and $i <= $l {\n $char: str-slice($value, $i, $i);\n @if $char == '(' {\n $n: $n + 1;\n }\n @else if $char == ')' {\n @if $n > 0 {\n $n: $n - 1;\n }\n @else {\n $b: $i;\n }\n }\n $i: $i + 1;\n }\n\n $start: unquote('');\n $middle: space(str-slice($value, $c + 1, $b - 1));\n $end: unquote('');\n\n @if $c > 1 {\n $start: space(str-slice($value, 1, $c - 1));\n }\n\n $l: str-length($value);\n @if $b < $l {\n $end: space(str-slice($value, $b + 1, $l));\n }\n\n @return unquote('#{$start}(#{$middle})#{$end}');\n }\n\n @if str-index($value, ',') {\n @return space(str-split($value, ','));\n }\n\n @if str-index($value, ' ') {\n @return space(str-split($value, ' '));\n }\n\n $value: unquote($value);\n }\n\n @if $value == 0 {\n @return $value;\n }\n\n @if length($value) > 1 {\n $result: ();\n @each $v in $value {\n $result: append($result, space($v));\n }\n @return $result;\n }\n\n @if is-basic-unit($value) {\n @return $value;\n }\n\n $v: quote($value);\n\n $q: str-to-num(unquote(str_slice($v, 0, str_length($v) - 1)));\n $unit: str_slice($v, str-length($v), str_length($v));\n\n @if is-unit($value, v) {\n @return $q * $V;\n }\n @else if is-unit($value, w) {\n @return $q * $W;\n }\n @return $value;\n}\n","////\n/// Core Color Tools : Element\n/// @group core\n////\n\n$ACCENT: none;\n\n@mixin _scheme-element($prop, $context, $tokens, $options: (), $value: $COLOR) {\n $legacy: map-get($options, legacy);\n $important: map-get($options, important);\n $hover: map-get($options, hover);\n $standalone: map-get($options, standalone);\n\n $legacy-target: null;\n @if $legacy {\n $legacy-target: ie11;\n }\n\n $tokens: normalise-tokens($tokens, $context);\n $type: decision;\n $options: (var: true);\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n }\n\n $colors: get-colors($tokens, $type, $options);\n $result: get-result($colors, $value);\n $result: important($result, $important);\n\n @include legacy($legacy-target) {\n #{$prop}: #{$result};\n }\n\n @if $hover and $context == background and length($tokens) == 1 {\n $nest-hover: null;\n $prop-hover: --hover;\n $result-hover: #{important(get-color(nth($tokens, 1), decision, (var: true, hover: true)), $important)};\n $nest-active: null;\n $prop-active: --active;\n $result-active: #{important(get-color(nth($tokens, 1), decision, (var: true, active: true)), $important)};\n\n @if $legacy or $standalone {\n $type: hex;\n $option: (theme: light);\n\n $nest-hover: '&:hover';\n $prop-hover: $prop;\n $result-hover: #{important(get-color(nth($tokens, 1), hex, (hover: true)), $important)};\n $nest-active: '&:active';\n $prop-active: $prop;\n $result-active: #{important(get-color(nth($tokens, 1), hex, (active: true)), $important)};\n }\n\n @include legacy($legacy-target) {\n @include nest($nest-hover) {\n #{$prop-hover}: #{$result-hover};\n }\n\n @include nest($nest-active) {\n #{$prop-active}: #{$result-active};\n }\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin scheme-element-bg-color($tokens, $options:()) {\n @if not map-has-key($options, hover) {\n $options: map-merge($options, (hover: true));\n }\n @include _scheme-element(background-color, background, $tokens, $options);\n}\n\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - hover {boolean}: si true, surcharge la valeur de blend pour être héritée\n@mixin scheme-element-bg-transparent($options) {\n $legacy: map-get($options, legacy);\n $important: map-get($options, important);\n $hover: map-get($options, hover);\n\n $value: important(transparent, $important);\n\n @if $important {\n $value: #{$value} !important;\n }\n\n @if $legacy {\n @include legacy(ie11) {\n background-color: transparent;\n }\n }\n @else {\n background-color: transparent;\n @if $hover {\n --hover: inherit;\n --active: inherit;\n }\n }\n}\n\n/// Ajout d'une couleur de background sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin scheme-element-bg-image-color($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: get-tokens-length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: unquote('$color##{$i}');\n $transformed: append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include _scheme-element(background-image, background, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de texte sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin scheme-element-text-color($tokens, $options) {\n @include _scheme-element(color, text, $tokens, $options);\n}\n\n/// Ajout d'une couleur de fill sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n@mixin scheme-element-fill-color($tokens, $options) {\n @include _scheme-element(fill, background , $tokens, $options);\n}\n\n/// Ajout d'une couleur de border sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// - side {String}: le côté affecté. valeurs: top, right, bottom, left\n/// @param {List} $value - définition des propriétés de border\n@mixin scheme-element-border-color($tokens, $options, $value:1px solid $COLOR) {\n $prop:border;\n @if map-has-key($options, side) {\n $prop:border-#{map-get($options, side)};\n }\n @include _scheme-element($prop, border, $tokens, $options, $value);\n}\n\n@mixin scheme-element-no-border($breakpoint: null) {\n @include respond-from($breakpoint) {\n border: 0;\n }\n}\n\n/// Ajout d'une couleur d'outline sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés d'outline\n@mixin scheme-element-outline-color($tokens, $options, $value:1px solid $COLOR) {\n @include _scheme-element(outline, border, $tokens, $options, $value);\n}\n\n/// Ajout d'une couleur de box-shadow sur un élément\n/// @access public\n/// @param {list} $tokens - liste des tokens de décision\n/// @param {map} $options - map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - important {boolean}: si true, applique !important à la règle css\n/// @param {List} $value - définition des propriétés de box-shadow\n@mixin scheme-element-box-shadow-color($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: get-tokens-length($tokens);\n $i: 1;\n @each $v in $value {\n @if map-has-key($box-shadows, $v) {\n $transformed: append($transformed, _get-box-shadow($v, $i), comma);\n @if $i < $d {\n $i: $i + 1;\n }\n }\n @else {\n $has-keys: false;\n }\n }\n @if $has-keys {\n $value: $transformed;\n }\n @include _scheme-element(box-shadow, border, $tokens, $options, space($value));\n}\n\n/// Supprime la shadow-box sur l'élément\n/// @access public\n/// @param {string} $breakpoint - la shadow-box est retiré à partir d'un breakpoint si celui-ci est défini\n@mixin scheme-element-no-box-shadow($breakpoint: null) {\n @include respond-from($breakpoint) {\n box-shadow: none;\n }\n}\n","////\n/// Core Tool : Selector pattern\n/// @group core\n////\n\n@mixin _class-pattern($selector, $unify: true) {\n @if & == null {\n @at-root #{$selector} {\n @content;\n }\n }\n @else if $unify {\n @at-root #{selector-unify(&, $selector)} {\n @content;\n }\n }\n @else {\n #{$selector} {\n @content;\n }\n }\n}\n\n@mixin class-contains($unify: true, $patterns...) {\n\n @if length($patterns) == 1 and length(nth($patterns, 1)) > 1 {\n $patterns: nth($patterns, 1);\n }\n\n $selectors: '';\n\n @each $pattern in $patterns {\n $selectors: '#{$selectors}[class*=\"#{$pattern}\"]';\n }\n\n @include _class-pattern($selectors, $unify) {\n @content;\n }\n}\n\n@mixin class-not-contains($unify: true, $patterns...) {\n\n @if length($patterns) == 1 and length(nth($patterns, 1)) > 1 {\n $patterns: nth($patterns, 1);\n }\n\n $selectors: '';\n @each $pattern in $patterns {\n $selectors: '#{$selectors}:not([class*=\"#{$pattern}\"])';\n }\n\n @include _class-pattern($selectors, $unify) {\n @content;\n }\n}\n\n@mixin class-start-with($start, $unify: true) {\n @include _class-pattern(class-start-with($start), $unify) {\n @content;\n }\n}\n\n@mixin class-not-start-with($start, $unify: true) {\n @include _class-pattern(class-not-start-with($start), $unify) {\n @content;\n }\n}\n\n@mixin class-end-with($end, $unify: true) {\n @include _class-pattern(class-end-with($end), $unify) {\n @content;\n }\n}\n\n@mixin class-not-end-with($end, $unify: true) {\n @include _class-pattern(class-not-end-with($end), $unify) {\n @content;\n }\n}\n\n@mixin class-is-ns($unify: true) {\n @include class-start-with(ns('', ''), $unify) {\n @content;\n }\n}\n\n@mixin class-is-not-ns($unify: true) {\n @include class-not-start-with(ns('', ''), $unify) {\n @content;\n }\n}\n","////\n/// Link Tool : icons\n/// @group link\n////\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $font-icon: false, $reverse: false) {\n\n $icon-size: icon-size(map_get($size-settings, icon));\n\n @if $place == only {\n $icon-size: icon-size(map_get($size-settings, icon-only));\n }\n\n @if $reverse {\n flex-direction: row-reverse;\n }\n @else {\n flex-direction: row;\n }\n\n $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: space(map_get($size-settings, icon-margin-x));\n\n @if $place == left {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include before {\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n font-size: $icon-size;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include before {\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n font-size: $icon-size;\n }\n }\n @else if $place == only {\n $min-height: space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) / 2;\n\n overflow: hidden;\n white-space: nowrap;\n max-width: $min-height;\n max-height: $min-height;\n padding-left: $padding-x;\n padding-right: $padding-x;\n\n @include before {\n margin-left: 0;\n margin-right: $padding-x;\n font-size: $icon-size;\n }\n }\n}\n","////\n/// Core Tool : Action clickable\n/// @group core\n////\n\n@mixin clickable-selector($elements: $action-elements) {\n $selectors: ();\n $elements: get-clickable-elements($elements);\n @each $element, $setting in $elements {\n $selector: map-get($setting, selector);\n $selectors: append($selectors, $selector, 'comma');\n }\n\n #{$selectors} {\n @content;\n }\n}\n","////\n/// Core Tool : Spacing position\n/// @group core\n////\n\n@mixin position($position, $top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n position: #{$position};\n @if $top != null {\n top: #{space($top)};\n }\n @if $right != null {\n right: #{space($right)};\n }\n @if $bottom != null {\n bottom: #{space($bottom)};\n }\n @if $left != null {\n left: #{space($left)};\n }\n\n @include size($width, $height);\n\n @content;\n}\n\n@mixin relative($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(relative, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin absolute($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(absolute, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin fixed($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(fixed, $top, $right, $bottom, $left, $width, $height);\n}\n\n@mixin sticky($top: null, $right: null, $bottom: null, $left: null, $width: null, $height: null) {\n @include position(sticky, $top, $right, $bottom, $left, $width, $height);\n}\n","////\n/// Tag active Module\n/// @group tag\n////\n\n@include clickable-selector {\n &#{ns(tag)} {\n // tag pressable\n @include pressed-selector(true) {\n @include relative;\n overflow: visible;\n background-position: 50%;\n background-size: 100%;\n background-repeat: no-repeat;\n\n @include icon(checkbox-circle-line, sm, after) {\n @include absolute(4px, 0);\n @include margin(-2v);\n }\n\n &#{ns(tag)}--sm {\n @include icon(null, xs, after) {\n @include absolute(3px, 0);\n @include margin(-1.5v);\n }\n }\n }\n }\n\n // tag supprimable\n &#{ns(tag)}--dismiss {\n @include before {\n content: none;\n }\n\n @include icon(close-line, sm, after) {\n @include margin-left(1v);\n @include margin-right(-1v);\n }\n\n &#{ns(tag)}--sm {\n @include icon(null, xs, after) {\n @include margin-right(-0.75v);\n @include margin-left(0.5v);\n }\n }\n }\n}\n","////\n/// Tag Tool\n/// @group tag\n////\n\n@mixin build-tag() {\n @include _build-link($tags-settings);\n}\n\n@mixin nest-tag($size:md, $place: null, $icon:null, $from: null, $insert: true) {\n @include _nest-link($tags-settings, $size, $place, $icon, $from, $insert) {\n @content;\n }\n}\n\n@mixin pressed-selector($value:null) {\n $attr: 'aria-pressed';\n @if $value == true or $value == false {\n $attr: 'aria-pressed=\"#{$value}\"';\n }\n\n &[#{$attr}] {\n @content;\n }\n}\n\n@mixin tag-punched-background-states ($token, $size: md, $legacy: false, $hover:true, $active: true) {\n @include tag-punched-background($token, $size, $legacy);\n\n @if $hover {\n &:hover {\n @include tag-punched-background($token, $size, $legacy, (hover: true));\n }\n }\n\n @if $active {\n &:active {\n @include tag-punched-background($token, $size, $legacy, (active: true));\n }\n }\n}\n\n@mixin tag-punched-background ($token, $size: md, $legacy: false, $options: ()) {\n $legacy-target: ie11;\n $type: hex;\n @if not $legacy {\n $legacy-target: null;\n $type: decision;\n $options: map-merge($options, (var: true));\n }\n\n $result: get-color($token, $type, $options);\n $top: 1v;\n $stop-1: 2.3125v;\n $stop-2: 2.5v;\n\n @if $size == sm {\n $top: 0.75v;\n $stop-1: 1.79v;\n $stop-2: 2v;\n }\n\n @include legacy($legacy-target) {\n background-image: radial-gradient(circle at 100% #{space($top)}, transparent #{space($stop-1)}, #{$result} #{space($stop-2)});\n }\n}\n","////\n/// Core Tool : Selector pseudo\n/// @group core\n////\n\n@mixin _pseudo($type:before, $content:null, $display:null) {\n @if $type != after and $type != before and $type != marker and $type != (before after) {\n @error '$type must be before or after element';\n }\n\n $selector: ();\n\n @each $pseudo in $type {\n $selector: append($selector, '&::#{$pseudo}', 'comma');\n }\n\n #{$selector} {\n\n @if $content != null {\n content: $content;\n }\n\n @if $display != null {\n display: #{$display};\n }\n\n @content;\n }\n}\n\n@mixin before($content: null, $display: null) {\n @include _pseudo(before, $content, $display) {\n @content;\n }\n}\n\n@mixin after($content: null, $display: null) {\n @include _pseudo(after, $content, $display) {\n @content;\n }\n}\n\n@mixin marker($content: null, $display: null) {\n @include _pseudo(marker, $content, $display) {\n @content;\n }\n}\n","////\n/// Core Tool : Icon\n/// @group core\n////\n\n/// Return icon size from map\n/// @param {String} $size ['md'] - Icon size from `$icon-size-map` (Default to 'md' = 16px)\n///\n/// @example scss - Set icon size to `SM` (12px)\n/// .foo {\n/// width: icon-size(sm);\n/// height: icon-size(sm);\n/// }\n@function icon-size($size: md) {\n @return px-rem(map-get($icon-size-map, $size));\n}\n\n@mixin icon-size($size:md) {\n font-size: #{icon-size($size)} !important;\n}\n\n@mixin with-icon($size:md) {\n @include has-icon {\n @include before {\n @if $size != md {\n @include icon-size($size);\n }\n @content;\n }\n }\n}\n\n@mixin generate-icons($base, $deprecated: false) {\n $icons-settings: $icons-settings;\n @if $deprecated {\n $icons-settings: $icons-settings-deprecated;\n }\n @each $icon, $setting in $icons-settings {\n #{ns($base + '-' + $icon)} {\n @include before(icon-glyph($icon, $deprecated));\n @if is-deprecated($icon) {\n @include before {\n font-weight: 700;\n }\n }\n }\n }\n}\n\n@function icon-glyph($icon, $deprecated: false, $is-ligature: false) {\n $icon-settings: map-get($icons-settings, $icon);\n @if is-deprecated($icon) or $deprecated {\n $icon-settings: map-get($icons-settings-deprecated, $icon);\n }\n @if $is-ligature {\n @return '#{map-get($icon-settings, ligature)}';\n }\n @else {\n @return '#{map-get($icon-settings, codepoint)}';\n }\n}\n\n@function is-deprecated($icon) {\n @return not map-has-key($icons-settings, $icon);\n}\n\n@function get-icons-settings-version($deprecated: false) {\n @if $deprecated {\n @return $icons-settings-deprecated;\n }\n @else {\n @return $icons-settings;\n }\n}\n\n@mixin icon-content($icon) {\n content: icon-glyph($icon);\n\n @if is-deprecated($icon) {\n font-weight: 700;\n }\n @else {\n font-weight: 400;\n }\n}\n\n@function font-icon($size: md, $deprecated: false) {\n $font-weight: normal;\n @if $deprecated {\n $font-weight: 700;\n }\n @return normal $font-weight normal #{icon-size($size)}/1 #{$namespace}-icon;\n}\n\n@mixin font-icon($size: md, $deprecated: false) {\n font: font-icon($size, $deprecated);\n}\n\n@mixin icon($icon: null, $size: md, $pseudo: before) {\n @include _pseudo($pseudo) {\n @if $size != null {\n $deprecated: is-deprecated($icon);\n @include font-icon($size, $deprecated);\n }\n\n @if $icon != null {\n @include icon-content($icon);\n }\n\n @content;\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n/// Set space property\n///\n/// @param {String} $property ['margin'] - propriété à appliquer à l'espacement `['margin', 'padding']`\n/// @param {Number | list} $value [2] - valeur de l'espacement en v ou w. peut être une liste si la direction n'est pas renseignée\n/// @param {String} $direction - direction de l'espacement `['x', 'y', 'top', 'right', 'bottom', 'left']`\n///\n/// @example scss - Set margin-bottom to 24px\n/// .foo {\n/// @include _spacing('margin', 6v, 'bottom');\n/// }\n@mixin _spacing($property: margin, $value: 0, $direction: null) {\n $v: space($value);\n @if $direction != null {\n @if $direction == 'x' {\n #{$property}-left: $v;\n #{$property}-right: $v;\n }\n @else if $direction == 'y' {\n #{$property}-top: $v;\n #{$property}-bottom: $v;\n }\n @else {\n #{$property}-#{$direction}: $v;\n }\n }\n @else {\n #{$property}: $v;\n }\n}\n\n@mixin _spacing-from($property: margin, $value: 0, $direction: null, $from: null) {\n @include respond-from($from) {\n @include _spacing($property, $value, $direction);\n }\n}\n\n@mixin padding($values: 0 0 0 0, $from: null) {\n @include _spacing-from(padding, $values, null, $from);\n}\n\n@mixin padding-x($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'x', $from);\n}\n\n@mixin padding-y($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'y', $from);\n}\n\n@mixin padding-top($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'top', $from);\n}\n\n@mixin padding-right($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'right', $from);\n}\n\n@mixin padding-bottom($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'bottom', $from);\n}\n\n@mixin padding-left($value: 0, $from: null) {\n @include _spacing-from(padding, $value, 'left', $from);\n}\n\n@mixin margin($values: 0 0 0 0, $from: null) {\n @include _spacing-from(margin, $values, null, $from);\n}\n\n@mixin margin-x($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'x', $from);\n}\n\n@mixin margin-y($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'y', $from);\n}\n\n@mixin margin-top($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'top', $from);\n}\n\n@mixin margin-right($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'right', $from);\n}\n\n@mixin margin-bottom($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'bottom', $from);\n}\n\n@mixin margin-left($value: 0, $from: null) {\n @include _spacing-from(margin, $value, 'left', $from);\n}\n","////\n/// Tag group Module\n/// @group tag\n////\n\n#{ns-group(tags)} {\n @include disable-list-style;\n @include display-flex;\n flex-wrap: wrap;\n\n > li {\n display: inline-flex;\n }\n\n #{ns(tag)} {\n @include margin-right(2v);\n @include margin-bottom(2v);\n }\n\n &#{ns-group(tags)}--sm {\n @include nest-tag(sm, null);\n\n #{ns(tag)} {\n @include margin-right(3v);\n @include margin-bottom(3v);\n }\n\n @include clickable-selector {\n &#{ns(tag)} {\n @include margin-right(6v);\n @include margin-bottom(6v);\n\n &#{ns(tag)}--dismiss {\n @include icon(null, xs, after) {\n @include margin-right(-0.75v);\n }\n }\n\n @include pressed-selector(true) {\n @include icon(null, xs, after) {\n @include absolute(3px, 0);\n @include margin(-1.5v);\n }\n }\n }\n }\n }\n\n @include clickable-selector {\n &#{ns(tag)} {\n @include margin-right(3v);\n @include margin-bottom(3v);\n\n &--sm {\n @include margin-right(6v);\n @include margin-bottom(6v);\n }\n }\n }\n}\n","////\n/// Core Tool : Reset list\n/// @group core\n////\n\n@mixin enable-list-style() {\n $selector: null;\n\n @if & == null {\n $selector: ':root';\n }\n\n @include nest($selector) {\n --ul-type: \"●\\00a0\\00a0\";\n --ol-type: decimal;\n --ul-start: #{space(4v)};\n --ol-start: #{space(6v)};\n --xl-block: #{space(2v)};\n --li-bottom: #{space(1v)};\n --xl-base: 1em;\n --ol-content: counters(li-counter, \".\") \".\\00a0\\00a0\";\n }\n}\n\n@mixin disable-list-style() {\n --ul-type: none;\n --ol-type: none;\n --ul-start: 0;\n --ol-start: 0;\n --xl-block: 0;\n --li-bottom: 0;\n --ol-content: none;\n}\n","////\n/// Core Tool : Selector nest\n/// @group core\n////\n\n@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","////\n/// Link Tool : link\n/// @group link\n////\n\n@mixin _nest-link($settings: $links-settings, $size: md, $place: null, $icon: null, $from: null, $insert: true, $align-on-content: false) {\n $selector: null;\n $sizes: map_get($settings, sizes);\n $size-settings: map_get($sizes, $size);\n $border-radius: map-get($settings, border-radius);\n\n @if $insert {\n $selector: ns(map-get($settings, selector));\n }\n\n @include nest($selector) {\n @include respond-from($from) {\n @if $icon != null {\n @include icon($icon);\n }\n @else if $size != null {\n @include icon(null, $size);\n }\n\n @include _build-link-size($size-settings, $border-radius);\n\n @if $place == null {\n @include before(none);\n }\n @else {\n @include _build-link-icon($size-settings, $place, $size, false, $place == right);\n }\n\n @if map-get($settings, align-on-content) and $align-on-content {\n @include _link-align-on-content($size, $place, $size-settings);\n }\n\n @content;\n }\n }\n}\n\n@mixin nest-link($size:md, $place: null, $icon:null, $from: null, $insert: true, $align-on-content: false) {\n @include _nest-link($links-settings, $size, $place, $icon, $from, $insert, $align-on-content) {\n @content;\n }\n}\n","////\n/// Tag Module\n/// @group tag\n////\n\n@mixin _tag-scheme($legacy: false) {\n #{ns(tag)} {\n @include scheme-element-text-color(label grey, (legacy: $legacy));\n @include scheme-element-bg-color(contrast grey, (legacy: $legacy));\n\n @include pressed-selector(false) {\n @include scheme-element-text-color(action-high blue-france, (legacy: $legacy));\n @include scheme-element-bg-color(action-low blue-france, (legacy: $legacy));\n }\n\n &#{ns(tag)}--dismiss {\n @include scheme-element-text-color(inverted grey, (legacy: $legacy));\n @include scheme-element-bg-color(action-high blue-france, (legacy: $legacy));\n }\n }\n\n @include clickable-selector {\n &#{ns(tag)} {\n @include scheme-element-text-color(action-high blue-france, (legacy: $legacy));\n @include scheme-element-bg-color(action-low blue-france, (legacy: $legacy));\n\n @include accent-modifiers {\n @include scheme-element-text-color(action-high accent, (legacy: $legacy));\n @include scheme-element-bg-color(action-low accent, (legacy: $legacy));\n }\n\n @include pressed-selector(true) {\n @include scheme-element-text-color(inverted grey, (legacy: $legacy));\n @include scheme-element-bg-transparent((legacy:$legacy));\n @include tag-punched-background-states(background action-high blue-france, md, $legacy);\n\n @include disabled {\n background-image: none;\n }\n\n @include after {\n @include scheme-element-text-color(action-high blue-france, (legacy: $legacy));\n }\n\n &#{ns(tag)}--sm {\n @include tag-punched-background-states(background action-high blue-france, sm, $legacy);\n }\n }\n\n @include disabled((legacy: $legacy, can-be-link: true, text: true, background: true));\n }\n }\n\n #{ns-group(tags)} {\n &#{ns-group(tags)}--sm {\n @include clickable-selector {\n &#{ns(tag)} {\n @include pressed-selector(true) {\n @include tag-punched-background-states(background action-high blue-france, sm, $legacy);\n }\n }\n }\n }\n }\n}\n","////\n/// Core Tools : Color accent\n/// @group schemes\n////\n\n@mixin accent-modifiers () {\n $tints: ();\n $accent: map-get($scheme-sets, accent);\n @each $tint, $value in $accent {\n $tints: append($tints, $tint);\n }\n\n @at-root {\n @each $tint in $tints {\n &--#{$tint} {\n $ACCENT: #{$tint} !global;\n @content;\n }\n }\n $ACCENT: none !global;\n }\n}\n","////\n/// Core Tool : Color disabled\n/// @group core\n////\n\n/// Applique les couleurs disabled sur l'élément\n/// @access public\n/// @param {map} map des options :\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - background {boolean}: true, applique le token background disabled sur la couleur de fond\n/// - text {boolean}: true, applique le token text disabled sur la couleur de texte\n/// - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin disabled-colors($options: ()) {\n $legacy: map-get($options, legacy);\n $text: map-get($options, text);\n $background: map-get($options, background);\n $box-shadow: map-get($options, box-shadow);\n\n @if $text {\n @include scheme-element-text-color(disabled grey, (legacy: $legacy));\n }\n\n @if $background {\n @include scheme-element-bg-color(disabled grey, (legacy: $legacy));\n }\n\n @if $box-shadow == true {\n @include scheme-element-box-shadow-color(disabled grey, (legacy: $legacy));\n }\n @else if $box-shadow {\n @include scheme-element-box-shadow-color(disabled grey, (legacy: $legacy), $box-shadow);\n }\n}\n/// Applique les couleurs disabled sur l'élément avec les sélecteurs appropriés\n/// @access public\n/// @param {map} map des options :\n/// - can-be-link {boolean}: ajoute le sélecteur de lien sans href.\n/// - legacy {boolean}: version pour navigateurs modernes ou anciens.\n/// - background {boolean}: true, applique le token background disabled sur la couleur de fond\n/// - text {boolean}: true, applique le token text disabled sur la couleur de texte\n/// - box-shadow {}: si true, applique le token border disabled sur l'élément avec la box-shadow par défaut (encadré de 1 px). si une valeur de box-shadow est fournie, applique cette valeur (voir get-box-shadow)\n@mixin disabled($options: ()) {\n $selectors: '&:disabled';\n @if map-get($options, can-be-link) {\n $selectors: append($selectors, selector-associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @include disabled-colors($options);\n @content;\n }\n}\n","////\n/// Legacy Tool : legacy\n/// @group legacy\n////\n\n/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin legacy($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin not-legacy($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Tag Legacy\n/// @group tag\n////\n\n@include legacy(ie11) {\n @include clickable-selector {\n &#{ns(tag)} {\n // empeche le hover du tag pressable sur ie\n @include pressed-selector(true) {\n background-size: 100% 100%, 100% 100%;\n }\n }\n }\n}\n\n@include clickable-selector {\n &#{ns(tag)} {\n // empeche le hover du tag pressable sur ie\n @include pressed-selector(true) {\n @include scheme-element-bg-image-color(action-high blue-france, (legacy: true, hover:true, important: true), (radial-gradient(circle at 100% space(1v), transparent space(2.3125v), $COLOR space(2.5v)) ));\n }\n }\n}\n"]}
|