@codegouvfr/react-dsfr/dsfr/component/button/button.main.css.map

French State Design System React integration library

{"version":3,"sources":["<no source>","%3Cinput%20css%20R_Z1FN%3E","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/button/main.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/link/style/tool/_build.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/display/tool/_display.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/action/tool/_link.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/typography/tool/_font-weight.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/link/style/tool/_size.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/color/mixin/_element.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/selector/tool/_pattern.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/button/style/module/_group.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/button/style/tool/_group.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/button/style/module/_close.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/button/style/module/_tooltip.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/button/style/module/_fullscreen.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/button/style/module/_display.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/disabled/mixin/_selector.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/component/button/style/_scheme.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/shame/media-query/mixin/_order.scss"],"names":[],"mappings":"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","file":"button.main.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n  BUTTON\n\\* ˍˍˍˍˍˍˍˍˍ */\n@media (min-width: 36em) {\n  /*! media sm */\n}\n@media (min-width: 48em) {\n  /*! media md */\n}\n@media (min-width: 62em) {\n  /*! media lg */\n}\n@media (min-width: 78em) {\n  /*! media xl */\n}\n.fr-btn {\n  --text-spacing: 0;\n  --title-spacing: 0;\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  width: -moz-fit-content;\n  width: fit-content;\n  --underline-img: none;\n  --hover-tint: var(--hover);\n  font-weight: 500;\n}\n.fr-btn::before, .fr-btn::after {\n  display: block;\n}\n\n.fr-btn {\n  font-size: 1rem;\n  line-height: 1.5rem;\n  min-height: 2.5rem;\n  padding: 0.5rem 1rem;\n}\n.fr-btn[target=_blank] {\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btn[target=_blank]::after {\n  content: \"\";\n  --icon-size: 1rem;\n  margin-right: -0.125rem;\n  margin-left: 0.5rem;\n}\n.fr-btn[target=_blank]::before {\n  content: none;\n}\n\n.fr-btn--align-on-content {\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n\n.fr-btn[class^=fr-icon-]:not([class*=fr-btn--icon-]), .fr-btn[class*=\" fr-icon-\"]:not([class*=fr-btn--icon-]), .fr-btn[class^=fr-fi-]:not([class*=fr-btn--icon-]), .fr-btn[class*=\" fr-fi-\"]:not([class*=fr-btn--icon-]) {\n  overflow: hidden;\n  white-space: nowrap;\n  max-width: 2.5rem;\n  max-height: 2.5rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.fr-btn[class^=fr-icon-]:not([class*=fr-btn--icon-])::before, .fr-btn[class*=\" fr-icon-\"]:not([class*=fr-btn--icon-])::before, .fr-btn[class^=fr-fi-]:not([class*=fr-btn--icon-])::before, .fr-btn[class*=\" fr-fi-\"]:not([class*=fr-btn--icon-])::before {\n  --icon-size: 1.5rem;\n  margin-left: 0;\n  margin-right: 0.5rem;\n}\n\n.fr-btn--align-on-content[class^=fr-icon-]:not([class*=fr-btn--icon-]), .fr-btn--align-on-content[class*=\" fr-icon-\"]:not([class*=fr-btn--icon-]), .fr-btn--align-on-content[class^=fr-fi-]:not([class*=fr-btn--icon-]), .fr-btn--align-on-content[class*=\" fr-fi-\"]:not([class*=fr-btn--icon-]) {\n  margin-left: -0.5rem;\n  margin-right: -0.5rem;\n}\n\n.fr-btn--icon-left[class^=fr-icon-], .fr-btn--icon-left[class*=\" fr-icon-\"], .fr-btn--icon-left[class^=fr-fi-], .fr-btn--icon-left[class*=\" fr-fi-\"] {\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btn--icon-left[class^=fr-icon-]::before, .fr-btn--icon-left[class*=\" fr-icon-\"]::before, .fr-btn--icon-left[class^=fr-fi-]::before, .fr-btn--icon-left[class*=\" fr-fi-\"]::before {\n  --icon-size: 1rem;\n  margin-left: -0.125rem;\n  margin-right: 0.5rem;\n}\n\n.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-icon-], .fr-btn--align-on-content.fr-btn--icon-left[class*=\" fr-icon-\"], .fr-btn--align-on-content.fr-btn--icon-left[class^=fr-fi-], .fr-btn--align-on-content.fr-btn--icon-left[class*=\" fr-fi-\"] {\n  margin-left: -0.875rem;\n  margin-right: -1rem;\n}\n\n.fr-btn--icon-right[class^=fr-icon-], .fr-btn--icon-right[class*=\" fr-icon-\"], .fr-btn--icon-right[class^=fr-fi-], .fr-btn--icon-right[class*=\" fr-fi-\"] {\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btn--icon-right[class^=fr-icon-]::after, .fr-btn--icon-right[class*=\" fr-icon-\"]::after, .fr-btn--icon-right[class^=fr-fi-]::after, .fr-btn--icon-right[class*=\" fr-fi-\"]::after {\n  content: \"\";\n  --icon-size: 1rem;\n  margin-right: -0.125rem;\n  margin-left: 0.5rem;\n}\n.fr-btn--icon-right[class^=fr-icon-]::before, .fr-btn--icon-right[class*=\" fr-icon-\"]::before, .fr-btn--icon-right[class^=fr-fi-]::before, .fr-btn--icon-right[class*=\" fr-fi-\"]::before {\n  content: none;\n}\n\n.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-icon-], .fr-btn--align-on-content.fr-btn--icon-right[class*=\" fr-icon-\"], .fr-btn--align-on-content.fr-btn--icon-right[class^=fr-fi-], .fr-btn--align-on-content.fr-btn--icon-right[class*=\" fr-fi-\"] {\n  margin-left: -1rem;\n  margin-right: -0.875rem;\n}\n\n.fr-btn--sm {\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  min-height: 2rem;\n  padding: 0.25rem 0.75rem;\n}\n.fr-btn--sm[target=_blank] {\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btn--sm[target=_blank]::after {\n  content: \"\";\n  --icon-size: 1rem;\n  margin-right: -0.125rem;\n  margin-left: 0.5rem;\n}\n.fr-btn--sm[target=_blank]::before {\n  content: none;\n}\n\n.fr-btn--sm.fr-btn--align-on-content {\n  margin-left: -0.75rem;\n  margin-right: -0.75rem;\n}\n\n.fr-btn--sm[class^=fr-icon-]:not([class*=fr-btn--icon-]), .fr-btn--sm[class*=\" fr-icon-\"]:not([class*=fr-btn--icon-]), .fr-btn--sm[class^=fr-fi-]:not([class*=fr-btn--icon-]), .fr-btn--sm[class*=\" fr-fi-\"]:not([class*=fr-btn--icon-]) {\n  overflow: hidden;\n  white-space: nowrap;\n  max-width: 2rem;\n  max-height: 2rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.fr-btn--sm[class^=fr-icon-]:not([class*=fr-btn--icon-])::before, .fr-btn--sm[class*=\" fr-icon-\"]:not([class*=fr-btn--icon-])::before, .fr-btn--sm[class^=fr-fi-]:not([class*=fr-btn--icon-])::before, .fr-btn--sm[class*=\" fr-fi-\"]:not([class*=fr-btn--icon-])::before {\n  --icon-size: 1rem;\n  margin-left: 0;\n  margin-right: 0.5rem;\n}\n\n.fr-btn--sm.fr-btn--align-on-content[class^=fr-icon-]:not([class*=fr-btn--icon-]), .fr-btn--sm.fr-btn--align-on-content[class*=\" fr-icon-\"]:not([class*=fr-btn--icon-]), .fr-btn--sm.fr-btn--align-on-content[class^=fr-fi-]:not([class*=fr-btn--icon-]), .fr-btn--sm.fr-btn--align-on-content[class*=\" fr-fi-\"]:not([class*=fr-btn--icon-]) {\n  margin-left: -0.5rem;\n  margin-right: -0.5rem;\n}\n\n.fr-btn--sm.fr-btn--icon-left[class^=fr-icon-], .fr-btn--sm.fr-btn--icon-left[class*=\" fr-icon-\"], .fr-btn--sm.fr-btn--icon-left[class^=fr-fi-], .fr-btn--sm.fr-btn--icon-left[class*=\" fr-fi-\"] {\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btn--sm.fr-btn--icon-left[class^=fr-icon-]::before, .fr-btn--sm.fr-btn--icon-left[class*=\" fr-icon-\"]::before, .fr-btn--sm.fr-btn--icon-left[class^=fr-fi-]::before, .fr-btn--sm.fr-btn--icon-left[class*=\" fr-fi-\"]::before {\n  --icon-size: 1rem;\n  margin-left: -0.125rem;\n  margin-right: 0.5rem;\n}\n\n.fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-icon-], .fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-left[class*=\" fr-icon-\"], .fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-fi-], .fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-left[class*=\" fr-fi-\"] {\n  margin-left: -0.625rem;\n  margin-right: -0.75rem;\n}\n\n.fr-btn--sm.fr-btn--icon-right[class^=fr-icon-], .fr-btn--sm.fr-btn--icon-right[class*=\" fr-icon-\"], .fr-btn--sm.fr-btn--icon-right[class^=fr-fi-], .fr-btn--sm.fr-btn--icon-right[class*=\" fr-fi-\"] {\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btn--sm.fr-btn--icon-right[class^=fr-icon-]::after, .fr-btn--sm.fr-btn--icon-right[class*=\" fr-icon-\"]::after, .fr-btn--sm.fr-btn--icon-right[class^=fr-fi-]::after, .fr-btn--sm.fr-btn--icon-right[class*=\" fr-fi-\"]::after {\n  content: \"\";\n  --icon-size: 1rem;\n  margin-right: -0.125rem;\n  margin-left: 0.5rem;\n}\n.fr-btn--sm.fr-btn--icon-right[class^=fr-icon-]::before, .fr-btn--sm.fr-btn--icon-right[class*=\" fr-icon-\"]::before, .fr-btn--sm.fr-btn--icon-right[class^=fr-fi-]::before, .fr-btn--sm.fr-btn--icon-right[class*=\" fr-fi-\"]::before {\n  content: none;\n}\n\n.fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-icon-], .fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-right[class*=\" fr-icon-\"], .fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-fi-], .fr-btn--sm.fr-btn--align-on-content.fr-btn--icon-right[class*=\" fr-fi-\"] {\n  margin-left: -0.75rem;\n  margin-right: -0.625rem;\n}\n\n.fr-btn--lg {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n  min-height: 3rem;\n  padding: 0.5rem 1.5rem;\n}\n.fr-btn--lg[target=_blank] {\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btn--lg[target=_blank]::after {\n  content: \"\";\n  --icon-size: 1.5rem;\n  margin-right: -0.1875rem;\n  margin-left: 0.5rem;\n}\n.fr-btn--lg[target=_blank]::before {\n  content: none;\n}\n\n.fr-btn--lg.fr-btn--align-on-content {\n  margin-left: -1.5rem;\n  margin-right: -1.5rem;\n}\n\n.fr-btn--lg[class^=fr-icon-]:not([class*=fr-btn--icon-]), .fr-btn--lg[class*=\" fr-icon-\"]:not([class*=fr-btn--icon-]), .fr-btn--lg[class^=fr-fi-]:not([class*=fr-btn--icon-]), .fr-btn--lg[class*=\" fr-fi-\"]:not([class*=fr-btn--icon-]) {\n  overflow: hidden;\n  white-space: nowrap;\n  max-width: 3rem;\n  max-height: 3rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.fr-btn--lg[class^=fr-icon-]:not([class*=fr-btn--icon-])::before, .fr-btn--lg[class*=\" fr-icon-\"]:not([class*=fr-btn--icon-])::before, .fr-btn--lg[class^=fr-fi-]:not([class*=fr-btn--icon-])::before, .fr-btn--lg[class*=\" fr-fi-\"]:not([class*=fr-btn--icon-])::before {\n  --icon-size: 2rem;\n  margin-left: 0;\n  margin-right: 0.5rem;\n}\n\n.fr-btn--lg.fr-btn--align-on-content[class^=fr-icon-]:not([class*=fr-btn--icon-]), .fr-btn--lg.fr-btn--align-on-content[class*=\" fr-icon-\"]:not([class*=fr-btn--icon-]), .fr-btn--lg.fr-btn--align-on-content[class^=fr-fi-]:not([class*=fr-btn--icon-]), .fr-btn--lg.fr-btn--align-on-content[class*=\" fr-fi-\"]:not([class*=fr-btn--icon-]) {\n  margin-left: -0.5rem;\n  margin-right: -0.5rem;\n}\n\n.fr-btn--lg.fr-btn--icon-left[class^=fr-icon-], .fr-btn--lg.fr-btn--icon-left[class*=\" fr-icon-\"], .fr-btn--lg.fr-btn--icon-left[class^=fr-fi-], .fr-btn--lg.fr-btn--icon-left[class*=\" fr-fi-\"] {\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btn--lg.fr-btn--icon-left[class^=fr-icon-]::before, .fr-btn--lg.fr-btn--icon-left[class*=\" fr-icon-\"]::before, .fr-btn--lg.fr-btn--icon-left[class^=fr-fi-]::before, .fr-btn--lg.fr-btn--icon-left[class*=\" fr-fi-\"]::before {\n  --icon-size: 1.5rem;\n  margin-left: -0.1875rem;\n  margin-right: 0.5rem;\n}\n\n.fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-icon-], .fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-left[class*=\" fr-icon-\"], .fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-left[class^=fr-fi-], .fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-left[class*=\" fr-fi-\"] {\n  margin-left: -1.3125rem;\n  margin-right: -1.5rem;\n}\n\n.fr-btn--lg.fr-btn--icon-right[class^=fr-icon-], .fr-btn--lg.fr-btn--icon-right[class*=\" fr-icon-\"], .fr-btn--lg.fr-btn--icon-right[class^=fr-fi-], .fr-btn--lg.fr-btn--icon-right[class*=\" fr-fi-\"] {\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btn--lg.fr-btn--icon-right[class^=fr-icon-]::after, .fr-btn--lg.fr-btn--icon-right[class*=\" fr-icon-\"]::after, .fr-btn--lg.fr-btn--icon-right[class^=fr-fi-]::after, .fr-btn--lg.fr-btn--icon-right[class*=\" fr-fi-\"]::after {\n  content: \"\";\n  --icon-size: 1.5rem;\n  margin-right: -0.1875rem;\n  margin-left: 0.5rem;\n}\n.fr-btn--lg.fr-btn--icon-right[class^=fr-icon-]::before, .fr-btn--lg.fr-btn--icon-right[class*=\" fr-icon-\"]::before, .fr-btn--lg.fr-btn--icon-right[class^=fr-fi-]::before, .fr-btn--lg.fr-btn--icon-right[class*=\" fr-fi-\"]::before {\n  content: none;\n}\n\n.fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-icon-], .fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-right[class*=\" fr-icon-\"], .fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-right[class^=fr-fi-], .fr-btn--lg.fr-btn--align-on-content.fr-btn--icon-right[class*=\" fr-fi-\"] {\n  margin-left: -1.5rem;\n  margin-right: -1.3125rem;\n}\n\n.fr-btns-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  align-items: stretch;\n  flex-wrap: wrap;\n  margin-left: -0.5rem;\n  margin-right: -0.5rem;\n  /**\n  * fr-btns-group--inline : aligne les boutons horizontalement dans tout les cas\n  * fr-btns-group--inline-(sm/md/lg) : permet de passer en horizontal à partir de la valeur du breakpoint appliqué (sm, md, lg)\n  */\n  /**\n  * fr-btns-group--left : (Défaut) aligne les boutons sur la gauche (en lecture L-t-R)\n  */\n  /**\n  * fr-btns-group--right : aligne les boutons sur la droite\n  */\n  /**\n  * fr-btns-group--center : aligne les boutons au centre du conteneur\n  */\n  /**\n  * fr-btns-group--center : aligne les boutons au centre du conteneur\n  */\n  /**\n  * fr-btns-group--equisized : Fixe la largeur des boutons à celle du plus grand. Géré en grande partie en JS.\n  */\n  /**\n  * fr-btns-group--sm : Fixe les boutons à la taille SM\n  */\n  /**\n  * fr-btns-group--md : (défaut) Fixe les boutons à la taille MD\n  */\n  /**\n  * fr-btns-group--lg : Fixe les boutons à la taille LG (sans modfifieur => MD)\n  */\n}\n.fr-btns-group > li {\n  width: 100%;\n  max-width: 100%;\n}\n.fr-btns-group .fr-btn {\n  width: calc(100% - 1rem);\n  margin: 0 0.5rem 1rem;\n  justify-content: center;\n}\n.fr-btns-group--inline .fr-btn {\n  width: auto;\n  max-width: 100%;\n  margin-left: 0.5rem;\n  margin-right: 0.5rem;\n}\n.fr-btns-group--inline > li {\n  display: inline-flex;\n  max-width: 100%;\n  width: auto;\n}\n.fr-btns-group--inline.fr-btns-group--right.fr-btns-group--inline-reverse {\n  flex-direction: row-reverse;\n  justify-content: flex-start;\n}\n@media (min-width: 36em) {\n  .fr-btns-group--inline-sm .fr-btn {\n    width: auto;\n    max-width: 100%;\n    margin-left: 0.5rem;\n    margin-right: 0.5rem;\n  }\n  .fr-btns-group--inline-sm > li {\n    display: inline-flex;\n    max-width: 100%;\n    width: auto;\n  }\n  .fr-btns-group--inline-sm.fr-btns-group--right.fr-btns-group--inline-reverse {\n    flex-direction: row-reverse;\n    justify-content: flex-start;\n  }\n}\n@media (min-width: 48em) {\n  .fr-btns-group--inline-md .fr-btn {\n    width: auto;\n    max-width: 100%;\n    margin-left: 0.5rem;\n    margin-right: 0.5rem;\n  }\n  .fr-btns-group--inline-md > li {\n    display: inline-flex;\n    max-width: 100%;\n    width: auto;\n  }\n  .fr-btns-group--inline-md.fr-btns-group--right.fr-btns-group--inline-reverse {\n    flex-direction: row-reverse;\n    justify-content: flex-start;\n  }\n}\n@media (min-width: 62em) {\n  .fr-btns-group--inline-lg .fr-btn {\n    width: auto;\n    max-width: 100%;\n    margin-left: 0.5rem;\n    margin-right: 0.5rem;\n  }\n  .fr-btns-group--inline-lg > li {\n    display: inline-flex;\n    max-width: 100%;\n    width: auto;\n  }\n  .fr-btns-group--inline-lg.fr-btns-group--right.fr-btns-group--inline-reverse {\n    flex-direction: row-reverse;\n    justify-content: flex-start;\n  }\n}\n.fr-btns-group--left,\n.fr-btns-group--left li {\n  justify-content: flex-start;\n  text-align: left;\n}\n.fr-btns-group--right,\n.fr-btns-group--right li {\n  justify-content: flex-end;\n  text-align: right;\n}\n.fr-btns-group--center,\n.fr-btns-group--center li {\n  justify-content: center;\n  text-align: center;\n}\n.fr-btns-group--between,\n.fr-btns-group--between li {\n  justify-content: space-between;\n  text-align: center;\n}\n.fr-btns-group--equisized {\n  --equisized-width: auto;\n}\n.fr-btns-group--equisized .fr-btn {\n  justify-content: center;\n  width: var(--equisized-width);\n}\n.fr-btns-group--sm .fr-btn:not([class^=fr-icon-]):not([class*=\" fr-icon-\"]):not([class^=fr-fi-]):not([class*=\" fr-fi-\"]) {\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  min-height: 2rem;\n  padding: 0.25rem 0.75rem;\n}\n\n.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-], .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"], .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-], .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"] {\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  min-height: 2rem;\n  padding: 0.25rem 0.75rem;\n  overflow: hidden;\n  white-space: nowrap;\n  max-width: 2rem;\n  max-height: 2rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  justify-content: flex-start;\n}\n.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::before {\n  --icon-size: 1rem;\n  margin-left: 0;\n  margin-right: 0.5rem;\n}\n\n.fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class^=fr-icon-], .fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=\" fr-icon-\"], .fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class^=fr-fi-], .fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=\" fr-fi-\"] {\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  min-height: 2rem;\n  padding: 0.25rem 0.75rem;\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class^=fr-icon-]::before, .fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class^=fr-fi-]::before, .fr-btns-group--sm.fr-btns-group--icon-left .fr-btn[class*=\" fr-fi-\"]::before {\n  --icon-size: 1rem;\n  margin-left: -0.125rem;\n  margin-right: 0.5rem;\n}\n\n.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class^=fr-icon-], .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=\" fr-icon-\"], .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class^=fr-fi-], .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=\" fr-fi-\"] {\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  min-height: 2rem;\n  padding: 0.25rem 0.75rem;\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::after, .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=\" fr-icon-\"]::after, .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::after, .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=\" fr-fi-\"]::after {\n  content: \"\";\n  --icon-size: 1rem;\n  margin-right: -0.125rem;\n  margin-left: 0.5rem;\n}\n.fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::before, .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::before, .fr-btns-group--sm.fr-btns-group--icon-right .fr-btn[class*=\" fr-fi-\"]::before {\n  content: none;\n}\n\n.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg) .fr-btn:not([class^=fr-icon-]):not([class*=\" fr-icon-\"]):not([class^=fr-fi-]):not([class*=\" fr-fi-\"]) {\n  font-size: 1rem;\n  line-height: 1.5rem;\n  min-height: 2.5rem;\n  padding: 0.5rem 1rem;\n}\n\n.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"] {\n  font-size: 1rem;\n  line-height: 1.5rem;\n  min-height: 2.5rem;\n  padding: 0.5rem 1rem;\n  overflow: hidden;\n  white-space: nowrap;\n  max-width: 2.5rem;\n  max-height: 2.5rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  justify-content: flex-start;\n}\n.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg):not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::before {\n  --icon-size: 1.5rem;\n  margin-left: 0;\n  margin-right: 0.5rem;\n}\n\n.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class^=fr-icon-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=\" fr-icon-\"], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class^=fr-fi-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=\" fr-fi-\"] {\n  font-size: 1rem;\n  line-height: 1.5rem;\n  min-height: 2.5rem;\n  padding: 0.5rem 1rem;\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class^=fr-icon-]::before, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class^=fr-fi-]::before, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-left .fr-btn[class*=\" fr-fi-\"]::before {\n  --icon-size: 1rem;\n  margin-left: -0.125rem;\n  margin-right: 0.5rem;\n}\n\n.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class^=fr-icon-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=\" fr-icon-\"], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class^=fr-fi-], .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=\" fr-fi-\"] {\n  font-size: 1rem;\n  line-height: 1.5rem;\n  min-height: 2.5rem;\n  padding: 0.5rem 1rem;\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::after, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=\" fr-icon-\"]::after, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::after, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=\" fr-fi-\"]::after {\n  content: \"\";\n  --icon-size: 1rem;\n  margin-right: -0.125rem;\n  margin-left: 0.5rem;\n}\n.fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::before, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::before, .fr-btns-group:not(.fr-btns-group--sm):not(.fr-btns-group--lg).fr-btns-group--icon-right .fr-btn[class*=\" fr-fi-\"]::before {\n  content: none;\n}\n\n.fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=\" fr-icon-\"]):not([class^=fr-fi-]):not([class*=\" fr-fi-\"]) {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n  min-height: 3rem;\n  padding: 0.5rem 1.5rem;\n}\n\n.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-], .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"], .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-], .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"] {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n  min-height: 3rem;\n  padding: 0.5rem 1.5rem;\n  overflow: hidden;\n  white-space: nowrap;\n  max-width: 3rem;\n  max-height: 3rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  justify-content: flex-start;\n}\n.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-icon-]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class^=fr-fi-]::before, .fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=\" fr-btns-group--icon-\"]) .fr-btn[class*=\" fr-fi-\"]::before {\n  --icon-size: 2rem;\n  margin-left: 0;\n  margin-right: 0.5rem;\n}\n\n.fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class^=fr-icon-], .fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=\" fr-icon-\"], .fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class^=fr-fi-], .fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=\" fr-fi-\"] {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n  min-height: 3rem;\n  padding: 0.5rem 1.5rem;\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class^=fr-icon-]::before, .fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class^=fr-fi-]::before, .fr-btns-group--lg.fr-btns-group--icon-left .fr-btn[class*=\" fr-fi-\"]::before {\n  --icon-size: 1.5rem;\n  margin-left: -0.1875rem;\n  margin-right: 0.5rem;\n}\n\n.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class^=fr-icon-], .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=\" fr-icon-\"], .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class^=fr-fi-], .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=\" fr-fi-\"] {\n  font-size: 1.125rem;\n  line-height: 1.75rem;\n  min-height: 3rem;\n  padding: 0.5rem 1.5rem;\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::after, .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=\" fr-icon-\"]::after, .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::after, .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=\" fr-fi-\"]::after {\n  content: \"\";\n  --icon-size: 1.5rem;\n  margin-right: -0.1875rem;\n  margin-left: 0.5rem;\n}\n.fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::before, .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::before, .fr-btns-group--lg.fr-btns-group--icon-right .fr-btn[class*=\" fr-fi-\"]::before {\n  content: none;\n}\n\n.fr-fieldset__element > .fr-btns-group {\n  margin-bottom: -1rem;\n}\n\n.fr-btn--close {\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  min-height: 2rem;\n  padding: 0.25rem 0.75rem;\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n  display: flex;\n  margin-left: auto;\n  margin-right: -1rem;\n}\n.fr-btn--close::after {\n  content: \"\";\n  --icon-size: 1rem;\n  margin-right: -0.125rem;\n  margin-left: 0.5rem;\n}\n.fr-btn--close::before {\n  content: none;\n}\n.fr-btn--close::after {\n  flex: 0 0 auto;\n  display: inline-block;\n  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n  background-color: currentColor;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  -webkit-mask-size: 100% 100%;\n  mask-size: 100% 100%;\n}\n.fr-btn--close::after {\n  -webkit-mask-image: url(\"../../icons/system/close-line.svg\");\n  mask-image: url(\"../../icons/system/close-line.svg\");\n}\n.fr-btn--close::after {\n  content: \"\";\n}\n.fr-btn--close::before {\n  content: none;\n}\n\n.fr-btn--tooltip {\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  min-height: 2rem;\n  padding: 0.25rem 0.75rem;\n  overflow: hidden;\n  white-space: nowrap;\n  max-width: 2rem;\n  max-height: 2rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n}\n.fr-btn--tooltip::before {\n  --icon-size: 1rem;\n  margin-left: 0;\n  margin-right: 0.5rem;\n}\n.fr-btn--tooltip::before {\n  flex: 0 0 auto;\n  display: inline-block;\n  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n  background-color: currentColor;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  -webkit-mask-size: 100% 100%;\n  mask-size: 100% 100%;\n}\n.fr-btn--tooltip::before {\n  -webkit-mask-image: url(\"../../icons/system/question-line.svg\");\n  mask-image: url(\"../../icons/system/question-line.svg\");\n}\n.fr-btn--tooltip::before {\n  content: \"\";\n}\n\n.fr-btn--fullscreen {\n  font-size: 0.875rem;\n  line-height: 1.5rem;\n  min-height: 2rem;\n  padding: 0.25rem 0.75rem;\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btn--fullscreen::after {\n  content: \"\";\n  --icon-size: 1rem;\n  margin-right: -0.125rem;\n  margin-left: 0.5rem;\n}\n.fr-btn--fullscreen::before {\n  content: none;\n}\n.fr-btn--fullscreen::after {\n  flex: 0 0 auto;\n  display: inline-block;\n  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n  background-color: currentColor;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  -webkit-mask-size: 100% 100%;\n  mask-size: 100% 100%;\n}\n.fr-btn--fullscreen::after {\n  -webkit-mask-image: url(\"../../icons/media/fullscreen-line.svg\");\n  mask-image: url(\"../../icons/media/fullscreen-line.svg\");\n}\n.fr-btn--fullscreen::after {\n  content: \"\";\n}\n.fr-btn--fullscreen::before {\n  content: none;\n}\n\n.fr-btn--display {\n  font-size: 1rem;\n  line-height: 1.5rem;\n  min-height: 2.5rem;\n  padding: 0.5rem 1rem;\n  overflow: initial;\n  max-width: 100%;\n  max-height: none;\n}\n.fr-btn--display::before {\n  --icon-size: 1rem;\n  margin-left: -0.125rem;\n  margin-right: 0.5rem;\n}\n.fr-btn--display::before {\n  flex: 0 0 auto;\n  display: inline-block;\n  vertical-align: calc((0.75em - var(--icon-size)) * 0.5);\n  background-color: currentColor;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  -webkit-mask-size: 100% 100%;\n  mask-size: 100% 100%;\n}\n.fr-btn--display::before {\n  -webkit-mask-image: url(\"../../icons/system/fr--theme-fill.svg\");\n  mask-image: url(\"../../icons/system/fr--theme-fill.svg\");\n}\n.fr-btn--display::before {\n  content: \"\";\n}\n\n.fr-btn {\n  background-color: var(--background-action-high-blue-france);\n  --idle: transparent;\n  --hover: var(--background-action-high-blue-france-hover);\n  --active: var(--background-action-high-blue-france-active);\n  color: var(--text-inverted-blue-france);\n}\n.fr-btn:disabled, a.fr-btn:not([href]) {\n  color: var(--text-disabled-grey);\n  background-color: var(--background-disabled-grey);\n  --idle: transparent;\n  --hover: var(--background-disabled-grey-hover);\n  --active: var(--background-disabled-grey-active);\n}\n\n.fr-btn--secondary {\n  background-color: transparent;\n  --hover: inherit;\n  --active: inherit;\n  color: var(--text-action-high-blue-france);\n  box-shadow: inset 0 0 0 1px var(--border-action-high-blue-france);\n}\n.fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n  color: var(--text-disabled-grey);\n  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);\n  background-color: transparent;\n  --hover: inherit;\n  --active: inherit;\n}\n\n.fr-btn--tertiary {\n  background-color: transparent;\n  --hover: inherit;\n  --active: inherit;\n  color: var(--text-action-high-blue-france);\n  box-shadow: inset 0 0 0 1px var(--border-default-grey);\n}\n.fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]) {\n  color: var(--text-disabled-grey);\n  box-shadow: inset 0 0 0 1px var(--border-disabled-grey);\n  background-color: transparent;\n  --hover: inherit;\n  --active: inherit;\n}\n\n.fr-btn--tertiary-no-outline, .fr-btn--close, .fr-btn--display, .fr-btn--fullscreen, .fr-btn--tooltip {\n  background-color: transparent;\n  --hover: inherit;\n  --active: inherit;\n  color: var(--text-action-high-blue-france);\n}\n.fr-btn--tertiary-no-outline:disabled, a.fr-btn--tertiary-no-outline:not([href]), a.fr-btn--close:not([href]), a.fr-btn--display:not([href]), a.fr-btn--fullscreen:not([href]), a.fr-btn--tooltip:not([href]), .fr-btn--close:disabled, .fr-btn--display:disabled, .fr-btn--fullscreen:disabled, .fr-btn--tooltip:disabled {\n  color: var(--text-disabled-grey);\n  background-color: transparent;\n  --hover: inherit;\n  --active: inherit;\n}","////\n/// Button Main\n/// @group button\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n  BUTTON\n\\* ˍˍˍˍˍˍˍˍˍ */\n\n@use 'module/path';\n@use 'module/shame/media-query';\n\n@include path.to-dist(2);\n@include media-query.order;\n\n@import 'index';\n@import 'style/module';\n@import 'style/scheme';\n\n@include _button-scheme;\n","////\n/// Link Tool : build\n/// @group link\n////\n\n@mixin _link-class($base, $size: md, $place: null, $align-on-content: false) {\n  $selector: '';\n  $base: '#{$base}';\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($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}\n\n@mixin _link-display($display) {\n  @if $display == flex {\n    @include display-flex(row, center, null, null, true);\n    width: -moz-fit-content;\n    width: fit-content;\n    @include _pseudo(before after) {\n      display: block;\n    }\n  }\n  @else {\n    display: inline;\n  }\n}\n\n@mixin _build-link($settings) {\n  $places: map_get($settings, places);\n  $sizes: _link-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    @include _link-display(map-get($settings, display));\n\n    @if $underline != true {\n      @include disable-underline;\n      @include tint-enabled(true, null);\n    }\n    @content;\n  }\n\n  @if map_get($settings, no-modifier) != true {\n    @each $size, $size-settings in $sizes {\n      @include _link-class($base, $size) {\n        @include _build-link-size($size-settings, $border-radius);\n\n        @if map_get($settings, blank) {\n          @include target-blank(true) {\n            @include _build-link-icon($size-settings, right, $size);\n          }\n        }\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, true);\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        @if index($places, only) == null {\n          @include _link-class($base, $size, only) {\n            @include before(none);\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@use 'module/spacing';\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} spacing.space($font-size) #{$append};\n\n  @if map-has-key($style, line-height) {\n    line-height: #{$prepend} spacing.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