@codegouvfr/react-dsfr

Version:

French State Design System React integration library

1 lines • 110 kB

Source Map (JSON)

{"version":3,"sources":["<no source>","%3Cinput%20css%20P5FWHK%3E","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/tag/main.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/link/style/tool/_build.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/display/tool/_display.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/action/tool/_link.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/link/style/tool/_size.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/tag/style/_module.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/color/mixin/_element.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/selector/tool/_pattern.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/tag/style/_tool.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/spacing/tool/_position.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/tag/style/module/_variants.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/tag/style/module/_group.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/selector/tool/_nest.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/tag/style/_scheme.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/color/mixin/_accent.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/utilities/mixin/_nest.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/disabled/mixin/_selector.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/shame/media-query/mixin/_order.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/tag/style/_legacy.scss"],"names":[],"mappings":"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E,cAAA;IAGA,eAAA;ER4iBJ;;EqBniBE;IACE,qBAAA;ErB0iBJ;;EqBviBE;IACE,qBAAA;ErByiBJ;;EqBtiBE;;IFjDE,eAXA;IAOA,aAPA;IAQA,gBARA;EnBwmBJ;;EW1mBA;;ImBME,6BAAA;IACA,qBAAA;IACA,4BAAA;ItBkCE,WAAA;IAGA,YAAA;ERkkBJ;;EW/mBA;;;;;;ImBME,6BAAA;IACA,qBAAA;IACA,4BAAA;ItBkCE,cAAA;IAGA,eAAA;ER2kBJ;;EWxnBA;;;;;;ImBME,6BAAA;IACA,qBAAA;IACA,4BAAA;ItBkCE,cAAA;IAGA,eAAA;IuBJM,wCAAA;E/BwlBV;;EuBxoBA;IbgCE,cAAA;IAAA,sBAAA;EVonBF;;EeroBA;ILiBE,cAAA;IAAA,yBAAA;EV8nBF;;EyBrqBE;IfuFA,yBAAA;EVwlBF;;EyB/qBE;IfuFA,yBAAA;EV2lBF;;EuBlqBE;IbuBA,WAAA;IAAA,yBAAA;EVgpBF;;EyBvrBE;IfuFA,yBAAA;EV0mBF;;EyBjsBE;IfuFA,yBAAA;EV6mBF;;EuB3qBE;;;IbcA,cAAA;IAAA,yBAAA;EVqqBF;;EyB5sBE;;;IfuFA,yBAAA;EVmoBF;;EyB1tBE;;;IfuFA,yBAAA;EVwoBF;;EwBvtBI;;;Id+BF,cAAA;IAAA,yBAAA;EV+rBF;;EyBtuBE;;;IfuFA,yBAAA;EV6pBF;;EyBpvBE;;;IfuFA,yBAAA;EVkqBF;;EwBjvBI;;;Id+BF,cAAA;IAAA,yBAAA;EV0tBF;;EyBjwBE;;;IfuFA,yBAAA;EVwrBF;;EyB/wBE;;;IfuFA,yBAAA;EV6rBF;;EwB5wBI;;;Id+BF,cAAA;IAAA,yBAAA;EVqvBF;;EyB5xBE;;;IfuFA,yBAAA;EVmtBF;;EyB1yBE;;;IfuFA,yBAAA;EVwtBF;;EwBvyBI;;;Id+BF,cAAA;IAAA,yBAAA;EVgxBF;;EyBvzBE;;;IfuFA,yBAAA;EV8uBF;;EyBr0BE;;;IfuFA,yBAAA;EVmvBF;;EwBl0BI;;;Id+BF,cAAA;IAAA,yBAAA;EV2yBF;;EyBl1BE;;;IfuFA,yBAAA;EVywBF;;EyBh2BE;;;IfuFA,yBAAA;EV8wBF;;EwB71BI;;;Id+BF,cAAA;IAAA,yBAAA;EVs0BF;;EyB72BE;;;IfuFA,yBAAA;EVoyBF;;EyB33BE;;;IfuFA,yBAAA;EVyyBF;;EwBx3BI;;;Id+BF,cAAA;IAAA,yBAAA;EVi2BF;;EyBx4BE;;;IfuFA,yBAAA;EV+zBF;;EyBt5BE;;;IfuFA,yBAAA;EVo0BF;;EwBn5BI;;;Id+BF,cAAA;IAAA,yBAAA;EV43BF;;EyBn6BE;;;IfuFA,yBAAA;EV01BF;;EyBj7BE;;;IfuFA,yBAAA;EV+1BF;;EwB96BI;;;Id+BF,cAAA;IAAA,yBAAA;EVu5BF;;EyB97BE;;;IfuFA,yBAAA;EVq3BF;;EyB58BE;;;IfuFA,yBAAA;EV03BF;;EwBz8BI;;;Id+BF,cAAA;IAAA,yBAAA;EVk7BF;;EyBz9BE;;;IfuFA,yBAAA;EVg5BF;;EyBv+BE;;;IfuFA,yBAAA;EVq5BF;;EwBp+BI;;;Id+BF,cAAA;IAAA,yBAAA;EV68BF;;EyBp/BE;;;IfuFA,yBAAA;EV26BF;;EyBlgCE;;;IfuFA,yBAAA;EVg7BF;;EwB//BI;;;Id+BF,cAAA;IAAA,yBAAA;EVw+BF;;EyB/gCE;;;IfuFA,yBAAA;EVs8BF;;EyB7hCE;;;IfuFA,yBAAA;EV28BF;;EwB1hCI;;;Id+BF,cAAA;IAAA,yBAAA;EVmgCF;;EyB1iCE;;;IfuFA,yBAAA;EVi+BF;;EyBxjCE;;;IfuFA,yBAAA;EVs+BF;;EwBrjCI;;;Id+BF,cAAA;IAAA,yBAAA;EV8hCF;;EyBrkCE;;;IfuFA,yBAAA;EV4/BF;;EyBnlCE;;;IfuFA,yBAAA;EVigCF;;EwBhlCI;;;Id+BF,cAAA;IAAA,yBAAA;EVyjCF;;EyBhmCE;;;IfuFA,yBAAA;EVuhCF;;EyB9mCE;;;IfuFA,yBAAA;EV4hCF;;EwB3mCI;;;Id+BF,cAAA;IAAA,yBAAA;EVolCF;;EyB3nCE;;;IfuFA,yBAAA;EVkjCF;;EyBzoCE;;;IfuFA,yBAAA;EVujCF;;EwBtoCI;;;Id+BF,cAAA;IAAA,yBAAA;EV+mCF;;EyBtpCE;;;IfuFA,yBAAA;EV6kCF;;EyBpqCE;;;IfuFA,yBAAA;EVklCF;;EuBjoCM;;Ib8EF,6BAAA;IA/EF,WAAA;IAAA,oGAAA;EVyoCF;;EyBhrCE;;IfuFA,oGAAA;EV2mCF;;EyBlsCE;;IfuFA,oGAAA;EV+mCF;;EWxrCA;;IDyBE,cAAA;EVqqCF;;E0B3rCS;;IhBqGL,6BAAA;IA/EF,oGAAA;EV2qCF;;EWpsCA;;IDyBE,cAAA;EVurCF;;EuBpqCM;;IbnBJ,kGAAA;EV8rCF;;EyBruCE;;IfuFA,kGAAA;EVopCF;;EyB3uCE;;IfuFA,kGAAA;EVwpCF;;E0B9tCS;;IhBsBP,kGAAA;EV8sCF;;E0BpuCS;;IhBsBP,cAAA;IAAA,yBAAA;EVqtCF;;EetuCA;;ILiBE,kGAAA;EVkuCF;;EyBzwCE;;IfuFA,kGAAA;EVwrCF;;EyB/wCE;;IfuFA,kGAAA;EV4rCF;;E0BlwCS;;IhBsBP,kGAAA;EVkvCF;AAloBF","file":"tag.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n TAG\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\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 width: -moz-fit-content;\n width: fit-content;\n --underline-img: none;\n --hover-tint: var(--hover);\n}\n.fr-tag::before, .fr-tag::after {\n display: block;\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.fr-tag[target=_blank] {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n}\n.fr-tag[target=_blank]::after {\n content: \"\";\n --icon-size: 1rem;\n margin-right: -0.125rem;\n margin-left: 0.25rem;\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 overflow: initial;\n max-width: 100%;\n max-height: none;\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 --icon-size: 1rem;\n margin-left: -0.125rem;\n margin-right: 0.25rem;\n}\n\n.fr-tag[class^=fr-icon-]:not([class*=fr-tag--icon-])::before, .fr-tag[class*=\" fr-icon-\"]:not([class*=fr-tag--icon-])::before, .fr-tag[class^=fr-fi-]:not([class*=fr-tag--icon-])::before, .fr-tag[class*=\" fr-fi-\"]:not([class*=fr-tag--icon-])::before {\n content: none;\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.fr-tag--sm[target=_blank] {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n}\n.fr-tag--sm[target=_blank]::after {\n content: \"\";\n --icon-size: 0.75rem;\n margin-right: -0.09375rem;\n margin-left: 0.25rem;\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 overflow: initial;\n max-width: 100%;\n max-height: none;\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 --icon-size: 0.75rem;\n margin-left: -0.09375rem;\n margin-right: 0.25rem;\n}\n\n.fr-tag--sm[class^=fr-icon-]:not([class*=fr-tag--icon-])::before, .fr-tag--sm[class*=\" fr-icon-\"]:not([class*=fr-tag--icon-])::before, .fr-tag--sm[class^=fr-fi-]:not([class*=fr-tag--icon-])::before, .fr-tag--sm[class*=\" fr-fi-\"]:not([class*=fr-tag--icon-])::before {\n content: none;\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}\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 flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\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 -webkit-mask-image: url(\"../../icons/system/checkbox-circle-line.svg\");\n mask-image: url(\"../../icons/system/checkbox-circle-line.svg\");\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 --icon-size: 1rem;\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 content: \"\";\n position: absolute;\n top: 4px;\n right: 0;\n margin: -0.5rem;\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 --icon-size: 0.75rem;\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 content: \"\";\n position: absolute;\n top: 3px;\n right: 0;\n margin: -0.375rem;\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}\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 flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\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 -webkit-mask-image: url(\"../../icons/system/close-line.svg\");\n mask-image: url(\"../../icons/system/close-line.svg\");\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 --icon-size: 1rem;\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 content: \"\";\n margin-left: 0.25rem;\n margin-right: -0.25rem;\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 flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\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 --icon-size: 0.75rem;\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 content: \"\";\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 margin-left: -0.25rem;\n margin-right: -0.25rem;\n flex-wrap: wrap;\n}\n.fr-tags-group > li {\n line-height: 2.75rem;\n}\n.fr-tags-group .fr-tag {\n margin: 0 0.25rem 0.5rem 0.25rem;\n vertical-align: top;\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.fr-tags-group.fr-tags-group--sm .fr-tag::before, .fr-tags-group.fr-tags-group--sm .fr-tag::after {\n --icon-size: 0.75rem;\n}\n.fr-tags-group.fr-tags-group--sm button.fr-tag.fr-tag--dismiss::after,\n.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag.fr-tag--dismiss::after {\n flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-tags-group.fr-tags-group--sm button.fr-tag.fr-tag--dismiss::after,\n.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag.fr-tag--dismiss::after {\n --icon-size: 0.75rem;\n}\n.fr-tags-group.fr-tags-group--sm button.fr-tag.fr-tag--dismiss::after,\n.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag.fr-tag--dismiss::after {\n content: \"\";\n margin-right: -0.1875rem;\n}\n.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]::after,\n.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]::after {\n flex: 0 0 auto;\n display: inline-block;\n vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n background-color: currentColor;\n width: var(--icon-size);\n height: var(--icon-size);\n -webkit-mask-size: 100% 100%;\n mask-size: 100% 100%;\n}\n.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]::after,\n.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]::after {\n --icon-size: 0.75rem;\n}\n.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]::after,\n.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]::after {\n content: \"\";\n position: absolute;\n top: 3px;\n right: 0;\n margin: -0.375rem;\n}\n\n.fr-tag {\n min-width: 2.25rem;\n justify-content: center;\n}\n\n.fr-tag {\n color: var(--text-label-grey);\n background-color: var(--background-contrast-grey);\n --idle: transparent;\n --hover: var(--background-contrast-grey-hover);\n --active: var(--background-contrast-grey-active);\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 --idle: transparent;\n --hover: var(--background-action-low-blue-france-hover);\n --active: var(--background-action-low-blue-france-active);\n}\n.fr-tag.fr-tag--dismiss {\n color: var(--text-inverted-grey);\n background-color: var(--background-action-high-blue-france);\n --idle: transparent;\n --hover: var(--background-action-high-blue-france-hover);\n --active: var(--background-action-high-blue-france-active);\n}\n\na.fr-tag,\nbutton.fr-tag,\ninput[type=button].fr-tag {\n color: var(--text-action-high-blue-france);\n background-color: var(--background-action-low-blue-france);\n --idle: transparent;\n --hover: var(--background-action-low-blue-france-hover);\n --active: var(--background-action-low-blue-france-active);\n}\na.fr-tag--green-tilleul-verveine,\nbutton.fr-tag--green-tilleul-verveine,\ninput[type=button].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 --idle: transparent;\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,\nbutton.fr-tag--green-bourgeon,\ninput[type=button].fr-tag--green-bourgeon {\n color: var(--text-action-high-green-bourgeon);\n background-color: var(--background-action-low-green-bourgeon);\n --idle: transparent;\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,\nbutton.fr-tag--green-emeraude,\ninput[type=button].fr-tag--green-emeraude {\n color: var(--text-action-high-green-emeraude);\n background-color: var(--background-action-low-green-emeraude);\n --idle: transparent;\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,\nbutton.fr-tag--green-menthe,\ninput[type=button].fr-tag--green-menthe {\n color: var(--text-action-high-green-menthe);\n background-color: var(--background-action-low-green-menthe);\n --idle: transparent;\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,\nbutton.fr-tag--green-archipel,\ninput[type=button].fr-tag--green-archipel {\n color: var(--text-action-high-green-archipel);\n background-color: var(--background-action-low-green-archipel);\n --idle: transparent;\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,\nbutton.fr-tag--blue-ecume,\ninput[type=button].fr-tag--blue-ecume {\n color: var(--text-action-high-blue-ecume);\n background-color: var(--background-action-low-blue-ecume);\n --idle: transparent;\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,\nbutton.fr-tag--blue-cumulus,\ninput[type=button].fr-tag--blue-cumulus {\n color: var(--text-action-high-blue-cumulus);\n background-color: var(--background-action-low-blue-cumulus);\n --idle: transparent;\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,\nbutton.fr-tag--purple-glycine,\ninput[type=button].fr-tag--purple-glycine {\n color: var(--text-action-high-purple-glycine);\n background-color: var(--background-action-low-purple-glycine);\n --idle: transparent;\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,\nbutton.fr-tag--pink-macaron,\ninput[type=button].fr-tag--pink-macaron {\n color: var(--text-action-high-pink-macaron);\n background-color: var(--background-action-low-pink-macaron);\n --idle: transparent;\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,\nbutton.fr-tag--pink-tuile,\ninput[type=button].fr-tag--pink-tuile {\n color: var(--text-action-high-pink-tuile);\n background-color: var(--background-action-low-pink-tuile);\n --idle: transparent;\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,\nbutton.fr-tag--yellow-tournesol,\ninput[type=button].fr-tag--yellow-tournesol {\n color: var(--text-action-high-yellow-tournesol);\n background-color: var(--background-action-low-yellow-tournesol);\n --idle: transparent;\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,\nbutton.fr-tag--yellow-moutarde,\ninput[type=button].fr-tag--yellow-moutarde {\n color: var(--text-action-high-yellow-moutarde);\n background-color: var(--background-action-low-yellow-moutarde);\n --idle: transparent;\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,\nbutton.fr-tag--orange-terre-battue,\ninput[type=button].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 --idle: transparent;\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,\nbutton.fr-tag--brown-cafe-creme,\ninput[type=button].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 --idle: transparent;\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,\nbutton.fr-tag--brown-caramel,\ninput[type=button].fr-tag--brown-caramel {\n color: var(--text-action-high-brown-caramel);\n background-color: var(--background-action-low-brown-caramel);\n --idle: transparent;\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,\nbutton.fr-tag--brown-opera,\ninput[type=button].fr-tag--brown-opera {\n color: var(--text-action-high-brown-opera);\n background-color: var(--background-action-low-brown-opera);\n --idle: transparent;\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,\nbutton.fr-tag--beige-gris-galet,\ninput[type=button].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 --idle: transparent;\n --hover: var(--background-action-low-beige-gris-galet-hover);\n --active: var(--background-action-low-beige-gris-galet-active);\n}\n\nbutton.fr-tag[aria-pressed=true]:not(:disabled),\ninput[type=button].fr-tag[aria-pressed=true]:not(:disabled) {\n background-color: transparent;\n color: var(--text-inverted-grey);\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, var(--background-action-high-blue-france) 0.625rem);\n}\nbutton.fr-tag[aria-pressed=true]:not(:disabled):hover,\ninput[type=button].fr-tag[aria-pressed=true]:not(:disabled):hover {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, var(--background-action-high-blue-france-hover) 0.625rem);\n}\nbutton.fr-tag[aria-pressed=true]:not(:disabled):active,\ninput[type=button].fr-tag[aria-pressed=true]:not(:disabled):active {\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, var(--background-action-high-blue-france-active) 0.625rem);\n}\nbutton.fr-tag[aria-pressed=true]::after,\ninput[type=button].fr-tag[aria-pressed=true]::after {\n color: var(--text-action-high-blue-france);\n}\nbutton.fr-tag[aria-pressed=true]:disabled,\ninput[type=button].fr-tag[aria-pressed=true]:disabled {\n background-color: transparent;\n background-image: radial-gradient(circle at 100% 0.25rem, transparent 0.578125rem, var(--background-disabled-grey) 0.625rem);\n}\nbutton.fr-tag[aria-pressed=true]:disabled::after,\ninput[type=button].fr-tag[aria-pressed=true]:disabled::after {\n color: var(--text-disabled-grey);\n}\n\nbutton.fr-tag[aria-pressed=true].fr-tag--sm,\ninput[type=button].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}\nbutton.fr-tag[aria-pressed=true].fr-tag--sm:hover,\ninput[type=button].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}\nbutton.fr-tag[aria-pressed=true].fr-tag--sm:active,\ninput[type=button].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}\nbutton.fr-tag[aria-pressed=true].fr-tag--sm:disabled,\ninput[type=button].fr-tag[aria-pressed=true].fr-tag--sm:disabled {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-disabled-grey) 0.5rem);\n}\n\nbutton.fr-tag:disabled,\ninput[type=button].fr-tag:disabled {\n color: var(--text-disabled-grey);\n background-color: var(--background-disabled-grey);\n --idle: transparent;\n --hover: var(--background-disabled-grey-hover);\n --active: var(--background-disabled-grey-active);\n}\n\n.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true],\n.fr-tags-group.fr-tags-group--sm input[type=button].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.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:hover,\n.fr-tags-group.fr-tags-group--sm input[type=button].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.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:active,\n.fr-tags-group.fr-tags-group--sm input[type=button].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.fr-tags-group.fr-tags-group--sm button.fr-tag[aria-pressed=true]:disabled,\n.fr-tags-group.fr-tags-group--sm input[type=button].fr-tag[aria-pressed=true]:disabled {\n background-image: radial-gradient(circle at 100% 0.1875rem, transparent 0.4475rem, var(--background-disabled-grey) 0.5rem);\n}\n\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag::before, .fr-tag::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-tag::before, .fr-tag::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-tag .fr-tag--sm::before {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-tag .fr-tag--sm::before {\n width: 0.75rem;\n height: 0.75rem;\n }\n button .fr-tag[aria-pressed=true],\n input[type=button] .fr-tag[aria-pressed=true] {\n background-size: 100% 100%, 100% 100%;\n }\n button .fr-tag[aria-pressed=true]::after,\n input[type=button] .fr-tag[aria-pressed=true]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n button .fr-tag[aria-pressed=true]::after,\n input[type=button] .fr-tag[aria-pressed=true]::after {\n background-image: url(\"../../icons/system/checkbox-circle-line.svg\");\n }\n button .fr-tag[aria-pressed=true]::after,\n input[type=button] .fr-tag[aria-pressed=true]::after {\n width: 1rem;\n height: 1rem;\n }\n button .fr-tag[aria-pressed=true] .fr-tag--sm::after,\n input[type=button] .fr-tag[aria-pressed=true] .fr-tag--sm::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n button .fr-tag[aria-pressed=true] .fr-tag--sm::after,\n input[type=button] .fr-tag[aria-pressed=true] .fr-tag--sm::after {\n width: 0.75rem;\n height: 0.75rem;\n }\n button .fr-tag .fr-tag--dismiss::after,\n input[type=button] .fr-tag .fr-tag--dismiss::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n button .fr-tag .fr-tag--dismiss::after,\n input[type=button] .fr-tag .fr-tag--dismiss::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n button .fr-tag .fr-tag--dismiss::after,\n input[type=button] .fr-tag .fr-tag--dismiss::after {\n width: 1rem;\n height: 1rem;\n }\n button .fr-tag .fr-tag--dismiss .fr-tag--sm::after,\n input[type=button] .fr-tag .fr-tag--dismiss .fr-tag--sm::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n button .fr-tag .fr-tag--dismiss .fr-tag--sm::after,\n input[type=button] .fr-tag .fr-tag--dismiss .fr-tag--sm::after {\n width: 0.75rem;\n height: 0.75rem;\n }\n ul.fr-tags-group {\n list-style-type: none;\n }\n ol.fr-tags-group {\n list-style-type: none;\n }\n ul.fr-tags-group,\n ol.fr-tags-group {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\n .fr-tags-group--sm::before, .fr-tags-group--sm::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-tags-group--sm::before, .fr-tags-group--sm::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-tags-group--sm a .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm button .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm input[type=button] .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm input[type=image] .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm input[type=reset] .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm input[type=submit] .fr-tag .fr-tag--dismiss::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-tags-group--sm a .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm button .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm input[type=button] .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm input[type=image] .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm input[type=reset] .fr-tag .fr-tag--dismiss::after, .fr-tags-group--sm input[type=submit] .fr-tag .fr-tag--dismiss::after {\n width: 0.75rem;\n height: 0.75rem;\n }\n .fr-tags-group--sm a .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm button .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=button] .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=image] .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=reset] .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=submit] .fr-tag[aria-pressed=true]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-tags-group--sm a .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm button .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=button] .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=image] .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=reset] .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=submit] .fr-tag[aria-pressed=true]::after {\n width: 0.75rem;\n height: 0.75rem;\n }\n .fr-tags-group--sm a .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm button .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=button] .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=image] .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=reset] .fr-tag[aria-pressed=true]::after, .fr-tags-group--sm input[type=submit] .fr-tag[aria-pressed=true]::after {\n background-color: transparent !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag {\n color: #161616;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag {\n background-color: #eee;\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@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag[aria-pressed=false] {\n background-color: #e3e3fd;\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@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-tag.fr-tag--dismiss {\n color: #fff;\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@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,\n button.fr-tag,\n input[type=button].fr-tag {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag,\n button.fr-tag,\n input[type=button].fr-tag {\n background-color: #e3e3fd;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag:hover,\n button.fr-tag:hover,\n input[type=button].fr-tag:hover {\n background-color: #c1c1fb;\n }\n a.fr-tag:active,\n button.fr-tag:active,\n input[type=button].fr-tag:active {\n background-color: #adadf9;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-tilleul-verveine,\n button.fr-tag--green-tilleul-verveine,\n input[type=button].fr-tag--green-tilleul-verveine {\n color: #66673d;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-tilleul-verveine,\n button.fr-tag--green-tilleul-verveine,\n input[type=button].fr-tag--green-tilleul-verveine {\n background-color: #fbe769;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-tilleul-verveine:hover,\n button.fr-tag--green-tilleul-verveine:hover,\n input[type=button].fr-tag--green-tilleul-verveine:hover {\n background-color: #d7c655;\n }\n a.fr-tag--green-tilleul-verveine:active,\n button.fr-tag--green-tilleul-verveine:active,\n input[type=button].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,\n button.fr-tag--green-bourgeon,\n input[type=button].fr-tag--green-bourgeon {\n color: #447049;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-bourgeon,\n button.fr-tag--green-bourgeon,\n input[type=button].fr-tag--green-bourgeon {\n background-color: #a9fb68;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-bourgeon:hover,\n button.fr-tag--green-bourgeon:hover,\n input[type=button].fr-tag--green-bourgeon:hover {\n background-color: #8ed654;\n }\n a.fr-tag--green-bourgeon:active,\n button.fr-tag--green-bourgeon:active,\n input[type=button].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,\n button.fr-tag--green-emeraude,\n input[type=button].fr-tag--green-emeraude {\n color: #297254;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-emeraude,\n button.fr-tag--green-emeraude,\n input[type=button].fr-tag--green-emeraude {\n background-color: #9ef9be;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-emeraude:hover,\n button.fr-tag--green-emeraude:hover,\n input[type=button].fr-tag--green-emeraude:hover {\n background-color: #69df97;\n }\n a.fr-tag--green-emeraude:active,\n button.fr-tag--green-emeraude:active,\n input[type=button].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,\n button.fr-tag--green-menthe,\n input[type=button].fr-tag--green-menthe {\n color: #37635f;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-menthe,\n button.fr-tag--green-menthe,\n input[type=button].fr-tag--green-menthe {\n background-color: #8bf8e7;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-menthe:hover,\n button.fr-tag--green-menthe:hover,\n input[type=button].fr-tag--green-menthe:hover {\n background-color: #6ed5c5;\n }\n a.fr-tag--green-menthe:active,\n button.fr-tag--green-menthe:active,\n input[type=button].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,\n button.fr-tag--green-archipel,\n input[type=button].fr-tag--green-archipel {\n color: #006a6f;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-archipel,\n button.fr-tag--green-archipel,\n input[type=button].fr-tag--green-archipel {\n background-color: #a6f2fa;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--green-archipel:hover,\n button.fr-tag--green-archipel:hover,\n input[type=button].fr-tag--green-archipel:hover {\n background-color: #62dbe5;\n }\n a.fr-tag--green-archipel:active,\n button.fr-tag--green-archipel:active,\n input[type=button].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,\n button.fr-tag--blue-ecume,\n input[type=button].fr-tag--blue-ecume {\n color: #2f4077;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-ecume,\n button.fr-tag--blue-ecume,\n input[type=button].fr-tag--blue-ecume {\n background-color: #dee5fd;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-ecume:hover,\n button.fr-tag--blue-ecume:hover,\n input[type=button].fr-tag--blue-ecume:hover {\n background-color: #b4c5fb;\n }\n a.fr-tag--blue-ecume:active,\n button.fr-tag--blue-ecume:active,\n input[type=button].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,\n button.fr-tag--blue-cumulus,\n input[type=button].fr-tag--blue-cumulus {\n color: #3558a2;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-cumulus,\n button.fr-tag--blue-cumulus,\n input[type=button].fr-tag--blue-cumulus {\n background-color: #dae6fd;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--blue-cumulus:hover,\n button.fr-tag--blue-cumulus:hover,\n input[type=button].fr-tag--blue-cumulus:hover {\n background-color: #a9c8fb;\n }\n a.fr-tag--blue-cumulus:active,\n button.fr-tag--blue-cumulus:active,\n input[type=button].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,\n button.fr-tag--purple-glycine,\n input[type=button].fr-tag--purple-glycine {\n color: #6e445a;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--purple-glycine,\n button.fr-tag--purple-glycine,\n input[type=button].fr-tag--purple-glycine {\n background-color: #fddbfa;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--purple-glycine:hover,\n button.fr-tag--purple-glycine:hover,\n input[type=button].fr-tag--purple-glycine:hover {\n background-color: #fbaff5;\n }\n a.fr-tag--purple-glycine:active,\n button.fr-tag--purple-glycine:active,\n input[type=button].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,\n button.fr-tag--pink-macaron,\n input[type=button].fr-tag--pink-macaron {\n color: #8d533e;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-macaron,\n button.fr-tag--pink-macaron,\n input[type=button].fr-tag--pink-macaron {\n background-color: #fddfda;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-macaron:hover,\n button.fr-tag--pink-macaron:hover,\n input[type=button].fr-tag--pink-macaron:hover {\n background-color: #fbb8ab;\n }\n a.fr-tag--pink-macaron:active,\n button.fr-tag--pink-macaron:active,\n input[type=button].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,\n button.fr-tag--pink-tuile,\n input[type=button].fr-tag--pink-tuile {\n color: #a94645;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-tuile,\n button.fr-tag--pink-tuile,\n input[type=button].fr-tag--pink-tuile {\n background-color: #fddfdb;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n a.fr-tag--pink-tuile:hover,\n button.fr-tag--pink-tuile:hover,\n input[type=button].fr-tag--pink-tuile:hover {\n background-color: #fbb8ad;\n }\n a.fr-tag--pink-tuile:active,\n button.fr-tag--pink-tuile:active,\n input[type=button].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,\n button.fr-tag--yellow-tournesol,\n input[type=button].fr-tag