@gouvfr/dsfr 1.4.0 → 1.4.1

package/dist/component/tag/tag.main.css.map

@@ -1 +1 @@
-{"version":3,"sources":["<no source>","../../../tag.main.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"],"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","file":"tag.main.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/// 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"]}
+{"version":3,"sources":["<no source>","../../../tag.main.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"],"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","file":"tag.main.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/// 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"]}

package/dist/component/tag/tag.main.min.css

@@ -1,4 +1,4 @@
 @charset "UTF-8";
 /*!
- * DSFR v1.4.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
- */.fr-tag{--text-spacing:0;--title-spacing:0;--underline-img:none;--link-blank-font:none;--link-blank-content:none;--hover-tint:var(--hover);--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);align-items:center;background-color:var(--background-contrast-grey);border-radius:1rem;color:var(--text-label-grey);display:inline-flex;flex-direction:row;font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem;z-index:1}.fr-tag--icon-left[class*=" fr-fi-"],.fr-tag--icon-left[class*=" fr-icon-"],.fr-tag--icon-left[class^=fr-fi-],.fr-tag--icon-left[class^=fr-icon-]{flex-direction:row;max-height:none;max-width:100%;overflow:initial}.fr-tag--icon-left[class*=" fr-fi-"]:before,.fr-tag--icon-left[class*=" fr-icon-"]:before,.fr-tag--icon-left[class^=fr-fi-]:before,.fr-tag--icon-left[class^=fr-icon-]:before{font-size:1rem;margin-left:-.16667rem;margin-right:.25rem}.fr-tag--sm{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.5rem;padding:.125rem .5rem}.fr-tag--sm.fr-tag--icon-left[class*=" fr-fi-"],.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-icon-]{flex-direction:row;max-height:none;max-width:100%;overflow:initial}.fr-tag--sm.fr-tag--icon-left[class*=" fr-fi-"]: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-icon-]:before{font-size:.75rem;margin-left:-.125rem;margin-right:.25rem}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]{background-color:transparent;background-image:radial-gradient(circle at 100% .25rem,transparent .57812rem,var(--background-action-high-blue-france) .625rem);background-position:50%;background-repeat:no-repeat;background-size:100%;color:var(--text-inverted-grey);overflow:visible;position:relative}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{color:var(--text-action-high-blue-france);content:"";font:normal 700 normal 1rem/1 dsfr-icon;font-weight:700;margin:-.5rem;position:absolute;right:0;top:4px}a.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{font:normal 700 normal .75rem/1 dsfr-icon;margin:-.375rem;position:absolute;right:0;top:3px}a.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{content:none}a.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{content:"";font:normal 700 normal 1rem/1 dsfr-icon;font-weight:700;margin-left:.25rem;margin-right:-.25rem}a.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{font:normal 700 normal .75rem/1 dsfr-icon;margin-left:.125rem;margin-right:-.1875rem}.fr-tags-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;flex-direction:row;flex-wrap:wrap}.fr-tags-group>li{display:inline-flex}.fr-tags-group .fr-tag{margin-bottom:.5rem;margin-right:.5rem}.fr-tags-group.fr-tags-group--sm .fr-tag{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;margin-bottom:.75rem;margin-right:.75rem;min-height:1.5rem;padding:.125rem .5rem}.fr-tags-group.fr-tags-group--sm .fr-tag:before{content:none;font:normal 700 normal 1rem/1 dsfr-icon}.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{margin-bottom:1.5rem;margin-right:1.5rem}.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{font:normal 700 normal .75rem/1 dsfr-icon;margin-right:-.1875rem}.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{font:normal 700 normal .75rem/1 dsfr-icon;margin:-.375rem;position:absolute;right:0;top:3px}.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{margin-bottom:.75rem;margin-right:.75rem}.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{margin-bottom:1.5rem;margin-right:1.5rem}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{--hover:var(--background-action-low-blue-france-hover);--active:var(--background-action-low-blue-france-active);background-color:var(--background-action-low-blue-france);color:var(--text-action-high-blue-france)}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{--hover:var(--background-action-low-green-tilleul-verveine-hover);--active:var(--background-action-low-green-tilleul-verveine-active);background-color:var(--background-action-low-green-tilleul-verveine);color:var(--text-action-high-green-tilleul-verveine)}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{--hover:var(--background-action-low-green-bourgeon-hover);--active:var(--background-action-low-green-bourgeon-active);background-color:var(--background-action-low-green-bourgeon);color:var(--text-action-high-green-bourgeon)}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{--hover:var(--background-action-low-green-emeraude-hover);--active:var(--background-action-low-green-emeraude-active);background-color:var(--background-action-low-green-emeraude);color:var(--text-action-high-green-emeraude)}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{--hover:var(--background-action-low-green-menthe-hover);--active:var(--background-action-low-green-menthe-active);background-color:var(--background-action-low-green-menthe);color:var(--text-action-high-green-menthe)}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{--hover:var(--background-action-low-green-archipel-hover);--active:var(--background-action-low-green-archipel-active);background-color:var(--background-action-low-green-archipel);color:var(--text-action-high-green-archipel)}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{--hover:var(--background-action-low-blue-ecume-hover);--active:var(--background-action-low-blue-ecume-active);background-color:var(--background-action-low-blue-ecume);color:var(--text-action-high-blue-ecume)}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{--hover:var(--background-action-low-blue-cumulus-hover);--active:var(--background-action-low-blue-cumulus-active);background-color:var(--background-action-low-blue-cumulus);color:var(--text-action-high-blue-cumulus)}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{--hover:var(--background-action-low-purple-glycine-hover);--active:var(--background-action-low-purple-glycine-active);background-color:var(--background-action-low-purple-glycine);color:var(--text-action-high-purple-glycine)}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{--hover:var(--background-action-low-pink-macaron-hover);--active:var(--background-action-low-pink-macaron-active);background-color:var(--background-action-low-pink-macaron);color:var(--text-action-high-pink-macaron)}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{--hover:var(--background-action-low-pink-tuile-hover);--active:var(--background-action-low-pink-tuile-active);background-color:var(--background-action-low-pink-tuile);color:var(--text-action-high-pink-tuile)}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{--hover:var(--background-action-low-yellow-tournesol-hover);--active:var(--background-action-low-yellow-tournesol-active);background-color:var(--background-action-low-yellow-tournesol);color:var(--text-action-high-yellow-tournesol)}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{--hover:var(--background-action-low-yellow-moutarde-hover);--active:var(--background-action-low-yellow-moutarde-active);background-color:var(--background-action-low-yellow-moutarde);color:var(--text-action-high-yellow-moutarde)}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{--hover:var(--background-action-low-orange-terre-battue-hover);--active:var(--background-action-low-orange-terre-battue-active);background-color:var(--background-action-low-orange-terre-battue);color:var(--text-action-high-orange-terre-battue)}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{--hover:var(--background-action-low-brown-cafe-creme-hover);--active:var(--background-action-low-brown-cafe-creme-active);background-color:var(--background-action-low-brown-cafe-creme);color:var(--text-action-high-brown-cafe-creme)}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{--hover:var(--background-action-low-brown-caramel-hover);--active:var(--background-action-low-brown-caramel-active);background-color:var(--background-action-low-brown-caramel);color:var(--text-action-high-brown-caramel)}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{--hover:var(--background-action-low-brown-opera-hover);--active:var(--background-action-low-brown-opera-active);background-color:var(--background-action-low-brown-opera);color:var(--text-action-high-brown-opera)}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{--hover:var(--background-action-low-beige-gris-galet-hover);--active:var(--background-action-low-beige-gris-galet-active);background-color:var(--background-action-low-beige-gris-galet);color:var(--text-action-high-beige-gris-galet)}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]{--hover:var(--background-action-low-blue-france-hover);--active:var(--background-action-low-blue-france-active);background-color:var(--background-action-low-blue-france);color:var(--text-action-high-blue-france)}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{background-image:radial-gradient(circle at 100% .25rem,transparent .57812rem,var(--background-action-high-blue-france-hover) .625rem)}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{background-image:radial-gradient(circle at 100% .25rem,transparent .57812rem,var(--background-action-high-blue-france-active) .625rem)}a.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{background-image:none}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{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--hsla) .5rem),radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france) .5rem)}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{--hover:var(--background-action-high-blue-france-hover);--active:var(--background-action-high-blue-france-active);background-color:var(--background-action-high-blue-france);color:var(--text-inverted-grey)}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{--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.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]{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--hsla) .5rem),radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france) .5rem)}
+ * DSFR v1.4.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
+ */.fr-tag{--text-spacing:0;--title-spacing:0;--underline-img:none;--link-blank-font:none;--link-blank-content:none;--hover-tint:var(--hover);--hover:var(--background-contrast-grey-hover);--active:var(--background-contrast-grey-active);align-items:center;background-color:var(--background-contrast-grey);border-radius:1rem;color:var(--text-label-grey);display:inline-flex;flex-direction:row;font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem;z-index:1}.fr-tag--icon-left[class*=" fr-fi-"],.fr-tag--icon-left[class*=" fr-icon-"],.fr-tag--icon-left[class^=fr-fi-],.fr-tag--icon-left[class^=fr-icon-]{flex-direction:row;max-height:none;max-width:100%;overflow:initial}.fr-tag--icon-left[class*=" fr-fi-"]:before,.fr-tag--icon-left[class*=" fr-icon-"]:before,.fr-tag--icon-left[class^=fr-fi-]:before,.fr-tag--icon-left[class^=fr-icon-]:before{font-size:1rem;margin-left:-.16667rem;margin-right:.25rem}.fr-tag--sm{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;min-height:1.5rem;padding:.125rem .5rem}.fr-tag--sm.fr-tag--icon-left[class*=" fr-fi-"],.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-icon-]{flex-direction:row;max-height:none;max-width:100%;overflow:initial}.fr-tag--sm.fr-tag--icon-left[class*=" fr-fi-"]: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-icon-]:before{font-size:.75rem;margin-left:-.125rem;margin-right:.25rem}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]{background-color:transparent;background-image:radial-gradient(circle at 100% .25rem,transparent .57812rem,var(--background-action-high-blue-france) .625rem);background-position:50%;background-repeat:no-repeat;background-size:100%;color:var(--text-inverted-grey);overflow:visible;position:relative}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{color:var(--text-action-high-blue-france);content:"";font:normal 700 normal 1rem/1 dsfr-icon;font-weight:700;margin:-.5rem;position:absolute;right:0;top:4px}a.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{font:normal 700 normal .75rem/1 dsfr-icon;margin:-.375rem;position:absolute;right:0;top:3px}a.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{content:none}a.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{content:"";font:normal 700 normal 1rem/1 dsfr-icon;font-weight:700;margin-left:.25rem;margin-right:-.25rem}a.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{font:normal 700 normal .75rem/1 dsfr-icon;margin-left:.125rem;margin-right:-.1875rem}.fr-tags-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;display:flex;flex-direction:row;flex-wrap:wrap}.fr-tags-group>li{display:inline-flex}.fr-tags-group .fr-tag{margin-bottom:.5rem;margin-right:.5rem}.fr-tags-group.fr-tags-group--sm .fr-tag{border-radius:.75rem;font-size:.75rem;line-height:1.25rem;margin-bottom:.75rem;margin-right:.75rem;min-height:1.5rem;padding:.125rem .5rem}.fr-tags-group.fr-tags-group--sm .fr-tag:before{content:none;font:normal 700 normal 1rem/1 dsfr-icon}.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{margin-bottom:1.5rem;margin-right:1.5rem}.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{font:normal 700 normal .75rem/1 dsfr-icon;margin-right:-.1875rem}.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{font:normal 700 normal .75rem/1 dsfr-icon;margin:-.375rem;position:absolute;right:0;top:3px}.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{margin-bottom:.75rem;margin-right:.75rem}.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{margin-bottom:1.5rem;margin-right:1.5rem}.fr-tag[aria-pressed=false]{--hover:var(--background-action-low-blue-france-hover);--active:var(--background-action-low-blue-france-active);background-color:var(--background-action-low-blue-france);color:var(--text-action-high-blue-france)}.fr-tag.fr-tag--dismiss{--hover:var(--background-action-high-blue-france-hover);--active:var(--background-action-high-blue-france-active);background-color:var(--background-action-high-blue-france);color:var(--text-inverted-grey)}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{--hover:var(--background-action-low-blue-france-hover);--active:var(--background-action-low-blue-france-active);background-color:var(--background-action-low-blue-france);color:var(--text-action-high-blue-france)}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{--hover:var(--background-action-low-green-tilleul-verveine-hover);--active:var(--background-action-low-green-tilleul-verveine-active);background-color:var(--background-action-low-green-tilleul-verveine);color:var(--text-action-high-green-tilleul-verveine)}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{--hover:var(--background-action-low-green-bourgeon-hover);--active:var(--background-action-low-green-bourgeon-active);background-color:var(--background-action-low-green-bourgeon);color:var(--text-action-high-green-bourgeon)}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{--hover:var(--background-action-low-green-emeraude-hover);--active:var(--background-action-low-green-emeraude-active);background-color:var(--background-action-low-green-emeraude);color:var(--text-action-high-green-emeraude)}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{--hover:var(--background-action-low-green-menthe-hover);--active:var(--background-action-low-green-menthe-active);background-color:var(--background-action-low-green-menthe);color:var(--text-action-high-green-menthe)}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{--hover:var(--background-action-low-green-archipel-hover);--active:var(--background-action-low-green-archipel-active);background-color:var(--background-action-low-green-archipel);color:var(--text-action-high-green-archipel)}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{--hover:var(--background-action-low-blue-ecume-hover);--active:var(--background-action-low-blue-ecume-active);background-color:var(--background-action-low-blue-ecume);color:var(--text-action-high-blue-ecume)}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{--hover:var(--background-action-low-blue-cumulus-hover);--active:var(--background-action-low-blue-cumulus-active);background-color:var(--background-action-low-blue-cumulus);color:var(--text-action-high-blue-cumulus)}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{--hover:var(--background-action-low-purple-glycine-hover);--active:var(--background-action-low-purple-glycine-active);background-color:var(--background-action-low-purple-glycine);color:var(--text-action-high-purple-glycine)}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{--hover:var(--background-action-low-pink-macaron-hover);--active:var(--background-action-low-pink-macaron-active);background-color:var(--background-action-low-pink-macaron);color:var(--text-action-high-pink-macaron)}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{--hover:var(--background-action-low-pink-tuile-hover);--active:var(--background-action-low-pink-tuile-active);background-color:var(--background-action-low-pink-tuile);color:var(--text-action-high-pink-tuile)}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{--hover:var(--background-action-low-yellow-tournesol-hover);--active:var(--background-action-low-yellow-tournesol-active);background-color:var(--background-action-low-yellow-tournesol);color:var(--text-action-high-yellow-tournesol)}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{--hover:var(--background-action-low-yellow-moutarde-hover);--active:var(--background-action-low-yellow-moutarde-active);background-color:var(--background-action-low-yellow-moutarde);color:var(--text-action-high-yellow-moutarde)}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{--hover:var(--background-action-low-orange-terre-battue-hover);--active:var(--background-action-low-orange-terre-battue-active);background-color:var(--background-action-low-orange-terre-battue);color:var(--text-action-high-orange-terre-battue)}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{--hover:var(--background-action-low-brown-cafe-creme-hover);--active:var(--background-action-low-brown-cafe-creme-active);background-color:var(--background-action-low-brown-cafe-creme);color:var(--text-action-high-brown-cafe-creme)}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{--hover:var(--background-action-low-brown-caramel-hover);--active:var(--background-action-low-brown-caramel-active);background-color:var(--background-action-low-brown-caramel);color:var(--text-action-high-brown-caramel)}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{--hover:var(--background-action-low-brown-opera-hover);--active:var(--background-action-low-brown-opera-active);background-color:var(--background-action-low-brown-opera);color:var(--text-action-high-brown-opera)}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{--hover:var(--background-action-low-beige-gris-galet-hover);--active:var(--background-action-low-beige-gris-galet-active);background-color:var(--background-action-low-beige-gris-galet);color:var(--text-action-high-beige-gris-galet)}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{background-image:radial-gradient(circle at 100% .25rem,transparent .57812rem,var(--background-action-high-blue-france-hover) .625rem)}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{background-image:radial-gradient(circle at 100% .25rem,transparent .57812rem,var(--background-action-high-blue-france-active) .625rem)}a.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{background-image:none}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{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france) .5rem)}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{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france-hover) .5rem)}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{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france-active) .5rem)}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{--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.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]{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france) .5rem)}.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{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france-hover) .5rem)}.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{background-image:radial-gradient(circle at 100% .1875rem,transparent .4475rem,var(--background-action-high-blue-france-active) .5rem)}