@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%20R_m3C6%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/spacing/tool/_z-index.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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IAGA,YAAA;ETsiBJ;;EYjlBA;;ImBME,6BAAA;IACA,qBAAA;IACA,4BAAA;ItBgCE,cAAA;IAGA,eAAA;ETqjBJ;;EsB1iBE;IACE,qBAAA;EtBijBJ;;EsB9iBE;IACE,qBAAA;EtBijBJ;;EsB9iBE;;IFjDE,eAXA;IAOA,aAPA;IAQA,gBARA;EpBinBJ;;EYnnBA;;ImBME,6BAAA;IACA,qBAAA;IACA,4BAAA;ItBgCE,WAAA;IAGA,YAAA;ET8kBJ;;EYznBA;;;;;;ImBME,6BAAA;IACA,qBAAA;IACA,4BAAA;ItBgCE,cAAA;IAGA,eAAA;ETulBJ;;EYloBA;;;;;;ImBME,6BAAA;IACA,qBAAA;IACA,4BAAA;ItBgCE,cAAA;IAGA,eAAA;IuBFM,wCAAA;EhCkmBV;;EwBlpBA;IbgCE,cAAA;IAAA,sBAAA;EX8nBF;;EgB/oBA;ILiBE,cAAA;IAAA,yBAAA;EXwoBF;;E0B/qBE;IfuFA,yBAAA;EXkmBF;;E0BzrBE;IfuFA,yBAAA;EXqmBF;;EwB5qBE;IbuBA,WAAA;IAAA,yBAAA;EX0pBF;;E0BjsBE;IfuFA,yBAAA;EXonBF;;E0B3sBE;IfuFA,yBAAA;EXunBF;;EwBrrBE;;;IbcA,cAAA;IAAA,yBAAA;EX+qBF;;E0BttBE;;;IfuFA,yBAAA;EX6oBF;;E0BpuBE;;;IfuFA,yBAAA;EXkpBF;;EyBjuBI;;;Id+BF,cAAA;IAAA,yBAAA;EXysBF;;E0BhvBE;;;IfuFA,yBAAA;EXuqBF;;E0B9vBE;;;IfuFA,yBAAA;EX4qBF;;EyB3vBI;;;Id+BF,cAAA;IAAA,yBAAA;EXouBF;;E0B3wBE;;;IfuFA,yBAAA;EXksBF;;E0BzxBE;;;IfuFA,yBAAA;EXusBF;;EyBtxBI;;;Id+BF,cAAA;IAAA,yBAAA;EX+vBF;;E0BtyBE;;;IfuFA,yBAAA;EX6tBF;;E0BpzBE;;;IfuFA,yBAAA;EXkuBF;;EyBjzBI;;;Id+BF,cAAA;IAAA,yBAAA;EX0xBF;;E0Bj0BE;;;IfuFA,yBAAA;EXwvBF;;E0B/0BE;;;IfuFA,yBAAA;EX6vBF;;EyB50BI;;;Id+BF,cAAA;IAAA,yBAAA;EXqzBF;;E0B51BE;;;IfuFA,yBAAA;EXmxBF;;E0B12BE;;;IfuFA,yBAAA;EXwxBF;;EyBv2BI;;;Id+BF,cAAA;IAAA,yBAAA;EXg1BF;;E0Bv3BE;;;IfuFA,yBAAA;EX8yBF;;E0Br4BE;;;IfuFA,yBAAA;EXmzBF;;EyBl4BI;;;Id+BF,cAAA;IAAA,yBAAA;EX22BF;;E0Bl5BE;;;IfuFA,yBAAA;EXy0BF;;E0Bh6BE;;;IfuFA,yBAAA;EX80BF;;EyB75BI;;;Id+BF,cAAA;IAAA,yBAAA;EXs4BF;;E0B76BE;;;IfuFA,yBAAA;EXo2BF;;E0B37BE;;;IfuFA,yBAAA;EXy2BF;;EyBx7BI;;;Id+BF,cAAA;IAAA,yBAAA;EXi6BF;;E0Bx8BE;;;IfuFA,yBAAA;EX+3BF;;E0Bt9BE;;;IfuFA,yBAAA;EXo4BF;;EyBn9BI;;;Id+BF,cAAA;IAAA,yBAAA;EX47BF;;E0Bn+BE;;;IfuFA,yBAAA;EX05BF;;E0Bj/BE;;;IfuFA,yBAAA;EX+5BF;;EyB9+BI;;;Id+BF,cAAA;IAAA,yBAAA;EXu9BF;;E0B9/BE;;;IfuFA,yBAAA;EXq7BF;;E0B5gCE;;;IfuFA,yBAAA;EX07BF;;EyBzgCI;;;Id+BF,cAAA;IAAA,yBAAA;EXk/BF;;E0BzhCE;;;IfuFA,yBAAA;EXg9BF;;E0BviCE;;;IfuFA,yBAAA;EXq9BF;;EyBpiCI;;;Id+BF,cAAA;IAAA,yBAAA;EX6gCF;;E0BpjCE;;;IfuFA,yBAAA;EX2+BF;;E0BlkCE;;;IfuFA,yBAAA;EXg/BF;;EyB/jCI;;;Id+BF,cAAA;IAAA,yBAAA;EXwiCF;;E0B/kCE;;;IfuFA,yBAAA;EXsgCF;;E0B7lCE;;;IfuFA,yBAAA;EX2gCF;;EyB1lCI;;;Id+BF,cAAA;IAAA,yBAAA;EXmkCF;;E0B1mCE;;;IfuFA,yBAAA;EXiiCF;;E0BxnCE;;;IfuFA,yBAAA;EXsiCF;;EyBrnCI;;;Id+BF,cAAA;IAAA,yBAAA;EX8lCF;;E0BroCE;;;IfuFA,yBAAA;EX4jCF;;E0BnpCE;;;IfuFA,yBAAA;EXikCF;;EyBhpCI;;;Id+BF,cAAA;IAAA,yBAAA;EXynCF;;E0BhqCE;;;IfuFA,yBAAA;EXulCF;;E0B9qCE;;;IfuFA,yBAAA;EX4lCF;;EwB3oCM;;Ib8EF,6BAAA;IA/EF,WAAA;IAAA,oGAAA;EXmpCF;;E0B1rCE;;IfuFA,oGAAA;EXqnCF;;E0B5sCE;;IfuFA,oGAAA;EXynCF;;EYlsCA;;IDyBE,cAAA;EX+qCF;;E2BrsCS;;IhBqGL,6BAAA;IA/EF,oGAAA;EXqrCF;;EY9sCA;;IDyBE,cAAA;EXisCF;;EwB9qCM;;IbnBJ,kGAAA;EXwsCF;;E0B/uCE;;IfuFA,kGAAA;EX8pCF;;E0BrvCE;;IfuFA,kGAAA;EXkqCF;;E2BxuCS;;IhBsBP,kGAAA;EXwtCF;;E2B9uCS;;IhBsBP,cAAA;IAAA,yBAAA;EX+tCF;;EgBhvCA;;ILiBE,kGAAA;EX4uCF;;E0BnxCE;;IfuFA,kGAAA;EXksCF;;E0BzxCE;;IfuFA,kGAAA;EXssCF;;E2B5wCS;;IhBsBP,kGAAA;EX4vCF;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 z-index: 1;\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.fr-tag[target=_blank]::before {\n content: none;\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.fr-tag--sm[target=_blank]::before {\n content: none;\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],\ninput[type=button] .fr-tag[aria-pressed=true] {\n background-size: 100% 100%, 100% 100%;\n }\n button .fr-tag[aria-pressed=true]::after,\ninput[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,\ninput[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,\ninput[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,\ninput[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,\ninput[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,\ninput[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,\ninput[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,\ninput[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,\ninput[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,\ninput[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\n ol.fr-tags-group {\n list-style-type: none;\n }\n\n ul.fr-tags-group,\nol.fr-tags-group {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\n }\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,\nbutton.fr-tag,\ninput[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,\nbutton.fr-tag,\ninput[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,\nbutton.fr-tag:hover,\ninput[type=button].fr-tag:hover {\n background-color: #c1c1fb;\n }\n a.fr-tag:active,\nbutton.fr-tag:active,\ninput[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,\nbutton.fr-tag--green-tilleul-verveine,\ninput[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,\nbutton.fr-tag--green-tilleul-verveine,\ninput[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,\nbutton.fr-tag--green-tilleul-verveine:hover,\ninput[type=button].fr-tag--green-tilleul-verveine:hover {\n background-color: #d7c655;\n }\n a.fr-tag--green-tilleul-verveine:active,\nbutton.fr-tag--green-tilleul-verveine:active,\ninput[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,\nbutton.fr-tag--green-bourgeon,\ninput[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,\nbutton.fr-tag--green-bourgeon,\ninput[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,\nbutton.fr-tag--green-bourgeon:hover,\ninput[type=button].fr-tag--green-bourgeon:hover {\n background-color: #8ed654;\n }\n a.fr-tag--green-bourgeon:active,\nbutton.fr-tag--green-bourgeon:active,\ninput[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,\nbutton.fr-tag--green-emeraude,\ninput[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,\nbutton.fr-tag--green-emeraude,\ninput[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,\nbutton.fr-tag--green-emeraude:hover,\ninput[type=button].fr-tag--green-emeraude:hover {\n background-color: #69df97;\n }\n a.fr-tag--green-emeraude:active,\nbutton.fr-tag--green-emeraude:active,\ninput[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,\nbutton.fr-tag--green-menthe,\ninput[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,\nbutton.fr-tag--green-menthe,\ninput[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,\nbutton.fr-tag--green-menthe:hover,\ninput[type=button].fr-tag--green-menthe:hover {\n background-color: #6ed5c5;\n }\n a.fr-tag--green-menthe:active,\nbutton.fr-tag--green-menthe:active,\ninput[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,\nbutton.fr-tag--green-archipel,\ninput[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,\nbutton.fr-tag--green-archipel,\ninput[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,\nbutton.fr-tag--green-archipel:hover,\ninput[type=button].fr-tag--green-archipel:hover {\n background-color: #62dbe5;\n }\n a.fr-tag--green-archipel:active,\nbutton.fr-tag--green-archipel:active,\ninput[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,\nbutton.fr-tag--blue-ecume,\ninput[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,\nbutton.fr-tag--blue-ecume,\ninput[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,\nbutton.fr-tag--blue-ecume:hover,\ninput[type=button].fr-tag--blue-ecume:hover {\n background-color: #b4c5fb;\n }\n a.fr-tag--blue-ecume:active,\nbutton.fr-tag--blue-ecume:active,\ninput[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,\nbutton.fr-tag--blue-cumulus,\ninput[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,\nbutton.fr-tag--blue-cumulus,\ninput[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,\nbutton.fr-tag--blue-cumulus:hover,\ninput[type=button].fr-tag--blue-cumulus:hover {\n background-color: #a9c8fb;\n }\n a.fr-tag--blue-cumulus:active,\nbutton.fr-tag--blue-cumulus:active,\ninput[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,\nbutton.fr-tag--purple-glycine,\ninput[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,\nbutton.fr-tag--purple-glycine,\ninput[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,\nbutton.fr-tag--purple-glycine:hover,\ninput[type=button].fr-tag--purple-glycine:hover {\n background-color: #fbaff5;\n }\n a.fr-tag--purple-glycine:active,\nbutton.fr-tag--purple-glycine:active,\ninput[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,\nbutton.fr-tag--pink-macaron,\ninput[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,\nbutton.fr-tag--pink-macaron,\ninput[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,\nbutton.fr-tag--pink-macaron:hover,\ninput[type=button].fr-tag--pink-macaron:hover {\n background-color: #fbb8ab;\n }\n a.fr-tag--pink-macaron:active,\nbutton.fr-tag--pink-macaron:active,\ninput[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,\nbutton.fr-tag--pink-tuile,\ninput[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,\nbutton.fr-tag--pink-tuile,\ninput[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,\nbutton.fr-tag--pink-tuile:hover,\ninput[type=button].fr-tag--pink-tuile:hover {\n background-color: #fbb8ad;\n }\n a.fr-tag--pink-tuile:active,\nbutton.fr-tag--pink-tuile:active,\ninput[type=button].fr-tag--pink-tuile:active {\n background-color: #faa191;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high