@codegouvfr/react-dsfr
Version:
French State Design System React integration library
1 lines • 88.3 kB
Source Map (JSON)
{"version":3,"sources":["<no source>","%3Cinput%20css%20ans8Hr%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/spacing/tool/_z-index.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/display/tool/_display.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/action/tool/_link.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/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/_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 z-index: 1;\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n width: -moz-fit-content;\n width: fit-content;\n --underline-img: none;\n --hover-tint: var(--hover);\n 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:where(: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:where(: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:where(: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:where(: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:where(: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:where(: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:where(: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:where(: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:where(: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:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-left .fr-btn[class^=fr-icon-], .fr-btns-group:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-left .fr-btn[class*=\" fr-icon-\"], .fr-btns-group:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-left .fr-btn[class^=fr-fi-], .fr-btns-group:where(: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:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-left .fr-btn[class^=fr-icon-]::before, .fr-btns-group:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-left .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-left .fr-btn[class^=fr-fi-]::before, .fr-btns-group:where(: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:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-right .fr-btn[class^=fr-icon-], .fr-btns-group:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-right .fr-btn[class*=\" fr-icon-\"], .fr-btns-group:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-right .fr-btn[class^=fr-fi-], .fr-btns-group:where(: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:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::after, .fr-btns-group:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-right .fr-btn[class*=\" fr-icon-\"]::after, .fr-btns-group:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::after, .fr-btns-group:where(: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:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-right .fr-btn[class^=fr-icon-]::before, .fr-btns-group:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-right .fr-btn[class*=\" fr-icon-\"]::before, .fr-btns-group:where(:not(.fr-btns-group--sm):not(.fr-btns-group--lg)).fr-btns-group--icon-right .fr-btn[class^=fr-fi-]::before, .fr-btns-group:where(: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--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 {\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]), .fr-btn--close:disabled, .fr-btn--display:disabled, .fr-btn--fullscreen: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 @include z-index(over);\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 : 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) {\n z-index: z-index($index-name);\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 : Reset\n/// @group core\n////\n\n$underline-thickness: 0.0625em;\n\n@mixin a-reset ($minimal: false) {\n text-decorat