Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision
  • developpements
  • images
  • main
3 results

Target

Select target project
  • pub/cgdd-public/bun-poleweb/systeme-de-design-de-l-etat/cms-spip/z-dsfr
1 result
Select Git revision
  • developpements
  • images
  • main
3 results
Show changes
Hide whitespace changes
Inline Side-by-side
Showing
with 279 additions and 86 deletions
design_system_admin/dsfr/component/button/button.legacy.min.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/@media (min-width:36em){
/*! media sm */}@media (min-width:48em){
/*! media md */}@media (min-width:62em){
/*! media lg */}@media (min-width:78em){
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-btn:after,.fr-btn:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-btn--sm:after,.fr-btn--sm:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:.75rem;width:.75rem}.fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--lg:after,.fr-btn--lg:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-btn--close:after,.fr-btn--close:before{background-image:url(../../icons/system/close-line.svg)}.fr-btn--close:after,.fr-btn--close:before,.fr-btn--tooltip:after,.fr-btn--tooltip:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--tooltip:after,.fr-btn--tooltip:before{background-image:url(../../icons/system/question-line.svg)}.fr-btn--fullscreen:after,.fr-btn--fullscreen:before{background-image:url(../../icons/media/fullscreen-line.svg)}.fr-btn--display:after,.fr-btn--display:before,.fr-btn--fullscreen:after,.fr-btn--fullscreen:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--display:after,.fr-btn--display:before{background-image:url(../../icons/system/fr--theme-fill.svg)}ol.fr-btns-group,ul.fr-btns-group{list-style-type:none}ol.fr-btns-group,ul.fr-btns-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]:after,.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-icon-"]:after,.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-]:after,.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-icon-]:after,.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]:after,.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-icon-"]:after,.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-]:after,.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-icon-]:after,.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-btn{background-color:#000091;color:#f5f5fe}.fr-btn:hover{background-color:#1212ff}.fr-btn:active{background-color:#2323ff}.fr-btn:disabled,a.fr-btn:not([href]){background-color:#e5e5e5;color:#929292}.fr-btn--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px #000091;color:#000091}.fr-btn--secondary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:active{background-color:rgba(0,0,0,.1)}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--secondary:disabled:hover,a.fr-btn--secondary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:disabled:active,a.fr-btn--secondary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--tertiary{background-color:transparent;box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-btn--tertiary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--tertiary:active{background-color:rgba(0,0,0,.1)}.fr-btn--tertiary:disabled,a.fr-btn--tertiary:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--tertiary:disabled:hover,a.fr-btn--tertiary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--tertiary:disabled:active,a.fr-btn--tertiary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{background-color:transparent;color:#000091}.fr-btn--close:hover,.fr-btn--display:hover,.fr-btn--fullscreen:hover,.fr-btn--tertiary-no-outline:hover,.fr-btn--tooltip:hover{background-color:rgba(0,0,0,.05)}.fr-btn--close:active,.fr-btn--display:active,.fr-btn--fullscreen:active,.fr-btn--tertiary-no-outline:active,.fr-btn--tooltip:active{background-color:rgba(0,0,0,.1)}.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){background-color:transparent;color:#929292}.fr-btn--close:disabled:hover,.fr-btn--display:disabled:hover,.fr-btn--fullscreen:disabled:hover,.fr-btn--tertiary-no-outline:disabled:hover,.fr-btn--tooltip:disabled:hover,a.fr-btn--close:not([href]):hover,a.fr-btn--display:not([href]):hover,a.fr-btn--fullscreen:not([href]):hover,a.fr-btn--tertiary-no-outline:not([href]):hover,a.fr-btn--tooltip:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--close:disabled:active,.fr-btn--display:disabled:active,.fr-btn--fullscreen:disabled:active,.fr-btn--tertiary-no-outline:disabled:active,.fr-btn--tooltip:disabled:active,a.fr-btn--close:not([href]):active,a.fr-btn--display:not([href]):active,a.fr-btn--fullscreen:not([href]):active,a.fr-btn--tertiary-no-outline:not([href]):active,a.fr-btn--tooltip:not([href]):active{background-color:rgba(0,0,0,.1)}}
\ No newline at end of file
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-btn:after,.fr-btn:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn[href]{text-decoration:none}.fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-btn--sm:after,.fr-btn--sm:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:.75rem;width:.75rem}.fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--lg:after,.fr-btn--lg:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-btn--close:after,.fr-btn--close:before{background-image:url(../../icons/system/close-line.svg)}.fr-btn--close:after,.fr-btn--close:before,.fr-btn--tooltip:after,.fr-btn--tooltip:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--tooltip:after,.fr-btn--tooltip:before{background-image:url(../../icons/system/question-line.svg)}.fr-btn--fullscreen:after,.fr-btn--fullscreen:before{background-image:url(../../icons/media/fullscreen-line.svg)}.fr-btn--display:after,.fr-btn--display:before,.fr-btn--fullscreen:after,.fr-btn--fullscreen:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--display:after,.fr-btn--display:before{background-image:url(../../icons/system/fr--theme-fill.svg)}.fr-btn--briefcase:after,.fr-btn--briefcase:before{background-image:url(../../icons/business/briefcase-fill.svg)}.fr-btn--account:after,.fr-btn--account:before,.fr-btn--briefcase:after,.fr-btn--briefcase:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--account:after,.fr-btn--account:before{background-image:url(../../icons/user/account-circle-fill.svg)}.fr-btn--team:after,.fr-btn--team:before{background-color:transparent;background-image:url(../../icons/user/team-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}ol.fr-btns-group,ul.fr-btns-group{list-style-type:none}ol.fr-btns-group,ul.fr-btns-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]:after,.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-icon-"]:after,.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-]:after,.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-icon-]:after,.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]:after,.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-icon-"]:after,.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-]:after,.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-icon-]:after,.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-btn{background-color:#000091;color:#f5f5fe}.fr-btn:hover{background-color:#1212ff}.fr-btn:active{background-color:#2323ff}.fr-btn:disabled,a.fr-btn:not([href]){background-color:#e5e5e5;color:#929292}.fr-btn--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px #000091;color:#000091}.fr-btn--secondary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:active{background-color:rgba(0,0,0,.1)}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--secondary:disabled:hover,a.fr-btn--secondary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:disabled:active,a.fr-btn--secondary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--account,.fr-btn--tertiary{background-color:transparent;box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-btn--account:hover,.fr-btn--tertiary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--account:active,.fr-btn--tertiary:active{background-color:rgba(0,0,0,.1)}.fr-btn--account:disabled,.fr-btn--tertiary:disabled,a.fr-btn--account:not([href]),a.fr-btn--tertiary:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--account:disabled:hover,.fr-btn--tertiary:disabled:hover,a.fr-btn--account:not([href]):hover,a.fr-btn--tertiary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--account:disabled:active,.fr-btn--tertiary:disabled:active,a.fr-btn--account:not([href]):active,a.fr-btn--tertiary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--briefcase,.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--team,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{background-color:transparent;color:#000091}.fr-btn--briefcase:hover,.fr-btn--close:hover,.fr-btn--display:hover,.fr-btn--fullscreen:hover,.fr-btn--team:hover,.fr-btn--tertiary-no-outline:hover,.fr-btn--tooltip:hover{background-color:rgba(0,0,0,.05)}.fr-btn--briefcase:active,.fr-btn--close:active,.fr-btn--display:active,.fr-btn--fullscreen:active,.fr-btn--team:active,.fr-btn--tertiary-no-outline:active,.fr-btn--tooltip:active{background-color:rgba(0,0,0,.1)}.fr-btn--briefcase:disabled,.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--team:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--briefcase:not([href]),a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--team:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){background-color:transparent;color:#929292}.fr-btn--briefcase:disabled:hover,.fr-btn--close:disabled:hover,.fr-btn--display:disabled:hover,.fr-btn--fullscreen:disabled:hover,.fr-btn--team:disabled:hover,.fr-btn--tertiary-no-outline:disabled:hover,.fr-btn--tooltip:disabled:hover,a.fr-btn--briefcase:not([href]):hover,a.fr-btn--close:not([href]):hover,a.fr-btn--display:not([href]):hover,a.fr-btn--fullscreen:not([href]):hover,a.fr-btn--team:not([href]):hover,a.fr-btn--tertiary-no-outline:not([href]):hover,a.fr-btn--tooltip:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--briefcase:disabled:active,.fr-btn--close:disabled:active,.fr-btn--display:disabled:active,.fr-btn--fullscreen:disabled:active,.fr-btn--team:disabled:active,.fr-btn--tertiary-no-outline:disabled:active,.fr-btn--tooltip:disabled:active,a.fr-btn--briefcase:not([href]):active,a.fr-btn--close:not([href]):active,a.fr-btn--display:not([href]):active,a.fr-btn--fullscreen:not([href]):active,a.fr-btn--team:not([href]):active,a.fr-btn--tertiary-no-outline:not([href]):active,a.fr-btn--tooltip:not([href]):active{background-color:rgba(0,0,0,.1)}}
\ No newline at end of file
design_system_admin/dsfr/component/button/button.legacy.min.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","%3Cinput%20css%20TiJzJ4%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/module/utilities/mixin/_nest.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss"],"names":[],"mappings":"AAAA;;GAAA,ACeI;ECRI,cAAA,CCLR,CFaI;ECRI,cAAA,CCFR,CFUI;ECRI,cAAA,CCCR,CFOI;ECRI,cAAA,CCIR,CCFI,2DCOF,6BCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJzCJ,CEDA,wtBCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,aAAA,CAHA,YJhCJ,CEVA,qCCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,aAAA,CAHA,YJvBJ,CEnBA,wvBCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJdJ,CE5BA,qCCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,aAAA,CAHA,YJLJ,CErCA,wvBCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJIJ,CE9CA,2CCAE,uDHuDF,CEvDA,0FCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJyBJ,CEnEA,+CCAE,0DHmEF,CEnEA,qDCAE,2DH+EF,CE/EA,oGCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJiDJ,CE3FA,+CCAE,2DH2FF,CKjCE,kCACE,oBL6CJ,CK1CE,kCCpDE,eARA,CAOA,YAPA,CAWA,cNiGJ,CE9GA,g+BCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJyEJ,CEnHA,g+BCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJkFJ,COnIA,QCgCE,wBAAA,CAAA,aR4GF,CSnJE,cDuFA,wBRiEF,CSxJE,eDuFA,wBRoEF,CU1IS,sCFsBP,wBAAA,CAAA,aR8HF,COvJE,mBCwGE,4BAAA,CA/EF,kCAAA,CAAA,aRyIF,CQvDM,yBACE,gCRyDR,CQtDM,0BACE,+BRwDR,CUrKS,4DFqGL,4BAAA,CA/EF,kCAAA,CAAA,aR8JF,CQ5EM,wEACE,gCRwFR,CQrFM,0EACE,+BRuFR,COlME,kBCmGE,4BAAA,CA/EF,+BAAA,CAAA,aRoLF,CQlGM,wBACE,gCRoGR,CQjGM,yBACE,+BRmGR,CUhNS,0DFqGL,4BAAA,CA/EF,kCAAA,CAAA,aRyMF,CQvHM,sEACE,gCRmIR,CQhIM,wEACE,+BRkIR,COxOE,kGC8FE,4BAAA,CA/EF,aR+NF,CQ7IM,gIACE,gCR+IR,CQ5IM,qIACE,+BR8IR,CU3PS,kTFqGL,4BAAA,CA/EF,aR+OF,CQ7JM,8WACE,gCRoKR,CQjKM,wXACE,+BRmKR,CAlJF","file":"button.legacy.min.css","sourcesContent":[null,"@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn::before, .fr-btn::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn::before, .fr-btn::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-btn--sm::before, .fr-btn--sm::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--sm::before, .fr-btn--sm::after {\n width: 0.75rem;\n height: 0.75rem;\n }\n .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--lg::before, .fr-btn--lg::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--lg::before, .fr-btn--lg::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n width: 2rem;\n height: 2rem;\n }\n .fr-btn--close::before, .fr-btn--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--close::before, .fr-btn--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-btn--close::before, .fr-btn--close::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--tooltip::before, .fr-btn--tooltip::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--tooltip::before, .fr-btn--tooltip::after {\n background-image: url(\"../../icons/system/question-line.svg\");\n }\n .fr-btn--tooltip::before, .fr-btn--tooltip::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--fullscreen::before, .fr-btn--fullscreen::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--fullscreen::before, .fr-btn--fullscreen::after {\n background-image: url(\"../../icons/media/fullscreen-line.svg\");\n }\n .fr-btn--fullscreen::before, .fr-btn--fullscreen::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--display::before, .fr-btn--display::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--display::before, .fr-btn--display::after {\n background-image: url(\"../../icons/system/fr--theme-fill.svg\");\n }\n .fr-btn--display::before, .fr-btn--display::after {\n width: 1rem;\n height: 1rem;\n }\n ul.fr-btns-group {\n list-style-type: none;\n }\n ol.fr-btns-group {\n list-style-type: none;\n }\n ul.fr-btns-group,\n ol.fr-btns-group {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\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-]::after, .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-\"]::after, .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-]::after, .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-\"]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\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-]::after, .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-\"]::after, .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-]::after, .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-\"]::after {\n width: 1rem;\n height: 1rem;\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-]::after, .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-\"]::after, .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-]::after, .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-\"]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\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-]::after, .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-\"]::after, .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-]::after, .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-\"]::after {\n width: 2rem;\n height: 2rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn {\n background-color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn:hover {\n background-color: #1212ff;\n }\n .fr-btn:active {\n background-color: #2323ff;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn {\n color: #f5f5fe;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn:disabled, a.fr-btn:not([href]) {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn:disabled, a.fr-btn:not([href]) {\n background-color: #e5e5e5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary {\n background-color: transparent;\n }\n .fr-btn--secondary:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--secondary:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary {\n box-shadow: inset 0 0 0 1px #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n background-color: transparent;\n }\n .fr-btn--secondary:disabled:hover, a.fr-btn--secondary:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--secondary:disabled:active, a.fr-btn--secondary:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary {\n background-color: transparent;\n }\n .fr-btn--tertiary:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary {\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]) {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]) {\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]) {\n background-color: transparent;\n }\n .fr-btn--tertiary:disabled:hover, a.fr-btn--tertiary:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary:disabled:active, a.fr-btn--tertiary:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary-no-outline, .fr-btn--close, .fr-btn--display, .fr-btn--fullscreen, .fr-btn--tooltip {\n background-color: transparent;\n }\n .fr-btn--tertiary-no-outline:hover, .fr-btn--close:hover, .fr-btn--display:hover, .fr-btn--fullscreen:hover, .fr-btn--tooltip:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary-no-outline:active, .fr-btn--close:active, .fr-btn--display:active, .fr-btn--fullscreen:active, .fr-btn--tooltip:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary-no-outline, .fr-btn--close, .fr-btn--display, .fr-btn--fullscreen, .fr-btn--tooltip {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\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: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\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 background-color: transparent;\n }\n .fr-btn--tertiary-no-outline:disabled:hover, a.fr-btn--tertiary-no-outline:not([href]):hover, a.fr-btn--close:not([href]):hover, a.fr-btn--display:not([href]):hover, a.fr-btn--fullscreen:not([href]):hover, a.fr-btn--tooltip:not([href]):hover, .fr-btn--close:disabled:hover, .fr-btn--display:disabled:hover, .fr-btn--fullscreen:disabled:hover, .fr-btn--tooltip:disabled:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary-no-outline:disabled:active, a.fr-btn--tertiary-no-outline:not([href]):active, a.fr-btn--close:not([href]):active, a.fr-btn--display:not([href]):active, a.fr-btn--fullscreen:not([href]):active, a.fr-btn--tooltip:not([href]):active, .fr-btn--close:disabled:active, .fr-btn--display:disabled:active, .fr-btn--fullscreen:disabled:active, .fr-btn--tooltip:disabled:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\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 legacy\n/// @group core\n////\n\n@mixin icon-size-legacy($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n $size: icon-size($size);\n @include size($size, $size);\n @content;\n }\n}\n\n@mixin icon-image-legacy($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n @include _icon-pseudo($restrain) {\n background-image: $url;\n }\n}\n\n@mixin icon-style-legacy($restrain: null) {\n @include _icon-pseudo($restrain) {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n @content;\n }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $restrain: null, $styling: true) {\n @if $styling {\n @include icon-style-legacy($restrain);\n }\n\n @if $icon != null {\n @include icon-image-legacy($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size-legacy($size, $restrain);\n }\n\n @include _icon-pseudo($restrain) {\n @content;\n }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image-legacy($icon);\n }\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\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: disc;\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@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\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: spacing.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/// button Scheme\n/// @group button\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _button-scheme($legacy: false) {\n #{ns(btn)} {\n @include color.background(action-high blue-france, (legacy:$legacy, hover: true));\n @include color.text(inverted blue-france, (legacy:$legacy));\n\n @include disabled.selector((can-be-link: true), (legacy: $legacy, text: true, background: true));\n\n // Outline variant\n &--secondary {\n @include btn-kind-scheme(2, $legacy);\n }\n\n // Grey outline variant\n &--tertiary {\n @include btn-kind-scheme(3, $legacy);\n }\n\n // Ghost variant\n &--tertiary-no-outline,\n &--close,\n &--display,\n &--fullscreen,\n &--tooltip {\n @include btn-kind-scheme(4, $legacy);\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin 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: token.normalise($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: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\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 background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include 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 transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\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 background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include 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 text($tokens, $options) {\n @include element(color, text, $tokens, $options);\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 text-fill($tokens, $options) {\n @include element(-webkit-text-fill-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 fill($tokens, $options) {\n @include 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 border($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 element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\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 outline($tokens, $options, $value:1px solid $COLOR) {\n @include 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 box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($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 element(box-shadow, border, $tokens, $options, spacing.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 no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\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 selector($options: (), $colors: null) {\n $selectors: '&:disabled';\n @if map.get($options, can-be-link) {\n $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @if $colors != null {\n @include colors.colors($colors);\n }\n @content;\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","%3Cinput%20css%20gtUEeT%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/module/utilities/mixin/_nest.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss"],"names":[],"mappings":"AAAA;;GAAA,ACeI;ECRI,cAAA,CCLR,CFaI;ECRI,cAAA,CCFR,CFUI;ECRI,cAAA,CCCR,CFOI;ECRI,cAAA,CCIR,CCFI,2DCOF,6BCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJzCJ,CKNE,cACE,oBLYJ,CERA,wtBCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,aAAA,CAHA,YJ7BJ,CEbA,qCCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,aAAA,CAHA,YJpBJ,CEtBA,wvBCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJXJ,CE/BA,qCCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,aAAA,CAHA,YJFJ,CExCA,wvBCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJOJ,CEjDA,2CCAE,uDH0DF,CE1DA,0FCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJ4BJ,CEtEA,+CCAE,0DHsEF,CEtEA,qDCAE,2DHkFF,CElFA,oGCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJoDJ,CE9FA,+CCAE,2DH8FF,CE9FA,mDCAE,6DH0GF,CE1GA,kGCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJ4EJ,CEtHA,+CCAE,8DHsHF,CEtHA,yCCME,4BAAA,CANA,oDAFI,CAUJ,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJwFJ,CMxEE,kCACE,oBNoFJ,CMjFE,kCCpDE,eARA,CAOA,YAPA,CAWA,cPwIJ,CErJA,g+BCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJgHJ,CE1JA,g+BCME,4BAAA,CAEA,2BAAA,CADA,oBAAA,CCsCE,WAAA,CAHA,UJyHJ,CQ1KA,QCgCE,wBAAA,CAAA,aTmJF,CU1LE,cDuFA,wBTwGF,CU/LE,eDuFA,wBT2GF,CWjLS,sCFsBP,wBAAA,CAAA,aTqKF,CQ9LE,mBCwGE,4BAAA,CA/EF,kCAAA,CAAA,aTgLF,CS9FM,yBACE,gCTgGR,CS7FM,0BACE,+BT+FR,CW5MS,4DFqGL,4BAAA,CA/EF,kCAAA,CAAA,aTqMF,CSnHM,wEACE,gCT+HR,CS5HM,0EACE,+BT8HR,CQzOE,mCCmGE,4BAAA,CA/EF,+BAAA,CAAA,aT2NF,CSzIM,+CACE,gCT2IR,CSxIM,iDACE,+BT0IR,CWvPS,kHFqGL,4BAAA,CA/EF,kCAAA,CAAA,aTgPF,CS9JM,0IACE,gCT0KR,CSvKM,8IACE,+BTyKR,CQ9QE,mIC6FE,4BAAA,CA/EF,aTsQF,CSpLM,6KACE,gCTsLR,CSnLM,oLACE,+BTqLR,CWlSS,gaFqGL,4BAAA,CA/EF,aTsRF,CSpMM,ofACE,gCT2MR,CSxMM,kgBACE,+BT0MR,CAlJF","file":"button.legacy.min.css","sourcesContent":[null,"@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn::before, .fr-btn::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn::before, .fr-btn::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn[href] {\n text-decoration: none;\n }\n .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-btn--sm::before, .fr-btn--sm::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--sm::before, .fr-btn--sm::after {\n width: 0.75rem;\n height: 0.75rem;\n }\n .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--sm[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--lg::before, .fr-btn--lg::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--lg::before, .fr-btn--lg::after {\n width: 1.5rem;\n height: 1.5rem;\n }\n .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-icon-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::before, .fr-btn--lg[class*=\" fr-fi-\"]:not([class^=fr-btn--icon-]):not([class*=\" fr-btn--icon-\"])::after {\n width: 2rem;\n height: 2rem;\n }\n .fr-btn--close::before, .fr-btn--close::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--close::before, .fr-btn--close::after {\n background-image: url(\"../../icons/system/close-line.svg\");\n }\n .fr-btn--close::before, .fr-btn--close::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--tooltip::before, .fr-btn--tooltip::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--tooltip::before, .fr-btn--tooltip::after {\n background-image: url(\"../../icons/system/question-line.svg\");\n }\n .fr-btn--tooltip::before, .fr-btn--tooltip::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--fullscreen::before, .fr-btn--fullscreen::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--fullscreen::before, .fr-btn--fullscreen::after {\n background-image: url(\"../../icons/media/fullscreen-line.svg\");\n }\n .fr-btn--fullscreen::before, .fr-btn--fullscreen::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--display::before, .fr-btn--display::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--display::before, .fr-btn--display::after {\n background-image: url(\"../../icons/system/fr--theme-fill.svg\");\n }\n .fr-btn--display::before, .fr-btn--display::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--briefcase::before, .fr-btn--briefcase::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--briefcase::before, .fr-btn--briefcase::after {\n background-image: url(\"../../icons/business/briefcase-fill.svg\");\n }\n .fr-btn--briefcase::before, .fr-btn--briefcase::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--account::before, .fr-btn--account::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--account::before, .fr-btn--account::after {\n background-image: url(\"../../icons/user/account-circle-fill.svg\");\n }\n .fr-btn--account::before, .fr-btn--account::after {\n width: 1rem;\n height: 1rem;\n }\n .fr-btn--team::before, .fr-btn--team::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n }\n .fr-btn--team::before, .fr-btn--team::after {\n background-image: url(\"../../icons/user/team-line.svg\");\n }\n .fr-btn--team::before, .fr-btn--team::after {\n width: 1rem;\n height: 1rem;\n }\n ul.fr-btns-group {\n list-style-type: none;\n }\n ol.fr-btns-group {\n list-style-type: none;\n }\n ul.fr-btns-group,\n ol.fr-btns-group {\n padding-left: 0;\n margin-top: 0;\n margin-bottom: 0;\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-]::after, .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-\"]::after, .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-]::after, .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-\"]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\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-]::after, .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-\"]::after, .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-]::after, .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-\"]::after {\n width: 1rem;\n height: 1rem;\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-]::after, .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-\"]::after, .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-]::after, .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-\"]::after {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\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-]::after, .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-\"]::after, .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-]::after, .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-\"]::after {\n width: 2rem;\n height: 2rem;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn {\n background-color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn:hover {\n background-color: #1212ff;\n }\n .fr-btn:active {\n background-color: #2323ff;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn {\n color: #f5f5fe;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn:disabled, a.fr-btn:not([href]) {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn:disabled, a.fr-btn:not([href]) {\n background-color: #e5e5e5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary {\n background-color: transparent;\n }\n .fr-btn--secondary:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--secondary:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary {\n box-shadow: inset 0 0 0 1px #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--secondary:disabled, a.fr-btn--secondary:not([href]) {\n background-color: transparent;\n }\n .fr-btn--secondary:disabled:hover, a.fr-btn--secondary:not([href]):hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--secondary:disabled:active, a.fr-btn--secondary:not([href]):active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary, .fr-btn--account {\n background-color: transparent;\n }\n .fr-btn--tertiary:hover, .fr-btn--account:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary:active, .fr-btn--account:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary, .fr-btn--account {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary, .fr-btn--account {\n box-shadow: inset 0 0 0 1px #ddd;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]), a.fr-btn--account:not([href]), .fr-btn--account:disabled {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]), a.fr-btn--account:not([href]), .fr-btn--account:disabled {\n box-shadow: inset 0 0 0 1px #e5e5e5;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary:disabled, a.fr-btn--tertiary:not([href]), a.fr-btn--account:not([href]), .fr-btn--account:disabled {\n background-color: transparent;\n }\n .fr-btn--tertiary:disabled:hover, a.fr-btn--tertiary:not([href]):hover, a.fr-btn--account:not([href]):hover, .fr-btn--account:disabled:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary:disabled:active, a.fr-btn--tertiary:not([href]):active, a.fr-btn--account:not([href]):active, .fr-btn--account:disabled:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary-no-outline, .fr-btn--close, .fr-btn--display, .fr-btn--fullscreen, .fr-btn--tooltip, .fr-btn--briefcase, .fr-btn--team {\n background-color: transparent;\n }\n .fr-btn--tertiary-no-outline:hover, .fr-btn--close:hover, .fr-btn--display:hover, .fr-btn--fullscreen:hover, .fr-btn--tooltip:hover, .fr-btn--briefcase:hover, .fr-btn--team:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary-no-outline:active, .fr-btn--close:active, .fr-btn--display:active, .fr-btn--fullscreen:active, .fr-btn--tooltip:active, .fr-btn--briefcase:active, .fr-btn--team:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-btn--tertiary-no-outline, .fr-btn--close, .fr-btn--display, .fr-btn--fullscreen, .fr-btn--tooltip, .fr-btn--briefcase, .fr-btn--team {\n color: #000091;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\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]), a.fr-btn--briefcase:not([href]), a.fr-btn--team:not([href]), .fr-btn--close:disabled, .fr-btn--display:disabled, .fr-btn--fullscreen:disabled, .fr-btn--tooltip:disabled, .fr-btn--briefcase:disabled, .fr-btn--team:disabled {\n color: #929292;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\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]), a.fr-btn--briefcase:not([href]), a.fr-btn--team:not([href]), .fr-btn--close:disabled, .fr-btn--display:disabled, .fr-btn--fullscreen:disabled, .fr-btn--tooltip:disabled, .fr-btn--briefcase:disabled, .fr-btn--team:disabled {\n background-color: transparent;\n }\n .fr-btn--tertiary-no-outline:disabled:hover, a.fr-btn--tertiary-no-outline:not([href]):hover, a.fr-btn--close:not([href]):hover, a.fr-btn--display:not([href]):hover, a.fr-btn--fullscreen:not([href]):hover, a.fr-btn--tooltip:not([href]):hover, a.fr-btn--briefcase:not([href]):hover, a.fr-btn--team:not([href]):hover, .fr-btn--close:disabled:hover, .fr-btn--display:disabled:hover, .fr-btn--fullscreen:disabled:hover, .fr-btn--tooltip:disabled:hover, .fr-btn--briefcase:disabled:hover, .fr-btn--team:disabled:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n .fr-btn--tertiary-no-outline:disabled:active, a.fr-btn--tertiary-no-outline:not([href]):active, a.fr-btn--close:not([href]):active, a.fr-btn--display:not([href]):active, a.fr-btn--fullscreen:not([href]):active, a.fr-btn--tooltip:not([href]):active, a.fr-btn--briefcase:not([href]):active, a.fr-btn--team:not([href]):active, .fr-btn--close:disabled:active, .fr-btn--display:disabled:active, .fr-btn--fullscreen:disabled:active, .fr-btn--tooltip:disabled:active, .fr-btn--briefcase:disabled:active, .fr-btn--team:disabled:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n}","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\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 legacy\n/// @group core\n////\n\n@mixin icon-size-legacy($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n $size: icon-size($size);\n @include size($size, $size);\n @content;\n }\n}\n\n@mixin icon-image-legacy($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n @include _icon-pseudo($restrain) {\n background-image: $url;\n }\n}\n\n@mixin icon-style-legacy($restrain: null) {\n @include _icon-pseudo($restrain) {\n background-color: transparent;\n background-size: 100%;\n background-repeat: no-repeat;\n @content;\n }\n}\n\n@mixin icon-legacy($icon: null, $size: md, $restrain: null, $styling: true) {\n @if $styling {\n @include icon-style-legacy($restrain);\n }\n\n @if $icon != null {\n @include icon-image-legacy($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size-legacy($size, $restrain);\n }\n\n @include _icon-pseudo($restrain) {\n @content;\n }\n}\n\n@mixin generate-icons-legacy($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image-legacy($icon);\n }\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Button Legacy\n/// @group button\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n #{ns(btn)} {\n @include icon-legacy(null, sm);\n\n &[href] {\n text-decoration: none;\n }\n\n @include class-not-start-with(#{ns(btn--icon-, '')}) {\n @include has-icon {\n @include icon-legacy(null, md);\n }\n }\n\n &--sm {\n @include icon-legacy(null, xs);\n\n @include class-not-start-with(#{ns(btn--icon-, '')}) {\n @include has-icon {\n @include icon-legacy(null, sm);\n }\n }\n }\n\n &--lg {\n @include icon-legacy(null, md);\n\n @include class-not-start-with(#{ns(btn--icon-, '')}) {\n @include has-icon {\n @include icon-legacy(null, lg);\n }\n }\n }\n }\n\n #{ns(btn--close)} {\n @include icon-legacy(close-line, sm);\n }\n\n #{ns(btn--tooltip)} {\n @include icon-legacy(question-line, sm);\n }\n\n #{ns(btn--fullscreen)} {\n @include icon-legacy(fullscreen-line, sm);\n }\n\n #{ns(btn--display)} {\n @include icon-legacy(theme-fill, sm);\n }\n\n #{ns(btn--briefcase)} {\n @include icon-legacy(briefcase-fill, sm);\n }\n\n #{ns(btn--account)} {\n @include icon-legacy(account-circle-fill, sm);\n }\n\n #{ns(btn--team)} {\n @include icon-legacy(team-line, sm);\n }\n\n #{ns-group(btns)} {\n @include disable-list-style-legacy(true);\n\n &--sm {\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include icon-legacy(null, sm);\n }\n }\n }\n }\n\n &--lg {\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include icon-legacy(null, lg);\n }\n }\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: disc;\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@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\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: spacing.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/// button Scheme\n/// @group button\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _button-scheme($legacy: false) {\n #{ns(btn)} {\n @include color.background(action-high blue-france, (legacy:$legacy, hover: true));\n @include color.text(inverted blue-france, (legacy:$legacy));\n\n @include disabled.selector((can-be-link: true), (legacy: $legacy, text: true, background: true));\n\n // Outline variant\n &--secondary {\n @include btn-kind-scheme(2, $legacy);\n }\n\n // Grey outline variant\n &--tertiary,\n &--account {\n @include btn-kind-scheme(3, $legacy);\n }\n\n // Ghost variant\n &--tertiary-no-outline,\n &--close,\n &--display,\n &--fullscreen,\n &--tooltip,\n &--briefcase,\n &--team {\n @include btn-kind-scheme(4, $legacy);\n }\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin 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 == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($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: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\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 background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include 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 transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\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 background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include 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 text($tokens, $options) {\n @include element(color, text, $tokens, $options);\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 text-fill($tokens, $options) {\n @include element(-webkit-text-fill-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 fill($tokens, $options) {\n @include 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 border($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 element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\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 outline($tokens, $options, $value:1px solid $COLOR) {\n @include 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 box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($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 element(box-shadow, border, $tokens, $options, spacing.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 no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","@mixin nest($selector: null) {\n @if $selector {\n #{$selector} {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\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 selector($options: (), $colors: null) {\n $selectors: '&:disabled';\n @if map.get($options, can-be-link) {\n $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @if $colors != null {\n @include colors.colors($colors);\n }\n @content;\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/button/button.main.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@charset "UTF-8";
......@@ -428,7 +428,8 @@
*/
}
.fr-btns-group > li {
.fr-btns-group > li,
.fr-btns-group > div {
width: 100%;
max-width: 100%;
}
......@@ -762,7 +763,6 @@
max-height: none;
display: flex;
margin-left: auto;
margin-right: -1rem;
}
.fr-btn--close::after {
......@@ -876,6 +876,87 @@
content: "";
}
.fr-btn--account {
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 0.75rem;
overflow: initial;
max-width: 100%;
max-height: none;
}
.fr-btn--account::before {
--icon-size: 1rem;
margin-left: -0.125rem;
margin-right: 0.5rem;
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: url("../../icons/user/account-circle-fill.svg");
mask-image: url("../../icons/user/account-circle-fill.svg");
content: "";
}
.fr-btn--team {
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 0.75rem;
overflow: initial;
max-width: 100%;
max-height: none;
}
.fr-btn--team::before {
--icon-size: 1rem;
margin-left: -0.125rem;
margin-right: 0.5rem;
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: url("../../icons/user/team-line.svg");
mask-image: url("../../icons/user/team-line.svg");
content: "";
}
.fr-btn--briefcase {
font-size: 0.875rem;
line-height: 1.5rem;
min-height: 2rem;
padding: 0.25rem 0.75rem;
overflow: initial;
max-width: 100%;
max-height: none;
}
.fr-btn--briefcase::before {
--icon-size: 1rem;
margin-left: -0.125rem;
margin-right: 0.5rem;
flex: 0 0 auto;
display: inline-block;
vertical-align: calc((0.75em - var(--icon-size)) * 0.5);
background-color: currentColor;
width: var(--icon-size);
height: var(--icon-size);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-image: url("../../icons/business/briefcase-fill.svg");
mask-image: url("../../icons/business/briefcase-fill.svg");
content: "";
}
.fr-btn:disabled,
a.fr-btn:not([href]) {
color: var(--text-disabled-grey);
......@@ -905,7 +986,8 @@ a.fr-btn--secondary:not([href]) {
--active: inherit;
}
.fr-btn--tertiary {
.fr-btn--tertiary,
.fr-btn--account {
background-color: transparent;
--hover: inherit;
......@@ -915,7 +997,9 @@ a.fr-btn--secondary:not([href]) {
}
.fr-btn--tertiary:disabled,
a.fr-btn--tertiary:not([href]) {
a.fr-btn--tertiary:not([href]),
a.fr-btn--account:not([href]),
.fr-btn--account:disabled {
color: var(--text-disabled-grey);
box-shadow: inset 0 0 0 1px var(--border-disabled-grey);
background-color: transparent;
......@@ -928,7 +1012,9 @@ a.fr-btn--tertiary:not([href]) {
.fr-btn--close,
.fr-btn--display,
.fr-btn--fullscreen,
.fr-btn--tooltip {
.fr-btn--tooltip,
.fr-btn--briefcase,
.fr-btn--team {
background-color: transparent;
--hover: inherit;
......@@ -942,10 +1028,14 @@ a.fr-btn--close:not([href]),
a.fr-btn--display:not([href]),
a.fr-btn--fullscreen:not([href]),
a.fr-btn--tooltip:not([href]),
a.fr-btn--briefcase:not([href]),
a.fr-btn--team:not([href]),
.fr-btn--close:disabled,
.fr-btn--display:disabled,
.fr-btn--fullscreen:disabled,
.fr-btn--tooltip:disabled {
.fr-btn--tooltip:disabled,
.fr-btn--briefcase:disabled,
.fr-btn--team:disabled {
color: var(--text-disabled-grey);
background-color: transparent;
......
design_system_admin/dsfr/component/button/button.main.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","%3Cinput%20css%20N3Jc5M%3E","file:///Users/ket/Documents/work/dsfr/src/component/button/main.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_build.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_display.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_link.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_font-weight.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pattern.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_group.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/tool/_group.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_close.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_tooltip.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_fullscreen.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_display.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cAAA;ACiEE;ECmCE,iBAAA;EAAA,kBAAA;ECjGA,oBAAA;EAOA,mBAAA;EAIA,mBAAA;EFgCA,uBAAA;EACA,kBAAA;;EGnBF,qBAAA;ECwBE,0BAAA;ECtCF,gBAAA;ECPA,eAAA;EACA,mBAFc;EAMZ,kBAFW;EAkBb,oBAAA;ECQE,2DAAA;;EAWI,mBAAA;EAqCJ,wDAAA;EAAA,0DAAA;EAhDA,uCAAA;ATdJ;;AUXE;;ERsCI,cAAA;AFxBN;;AKkDI;EMnDA,iBAAA;EACA,eAAA;EACA,gBAAA;AXWJ;;AU1BE;EAGI,WEqD+B;;EDvC/B,iBAAA;EACA,uBAAA;EACA,mBAnBY;AXgClB;;AEjBE;EMkBE,kBAAA;EACA,mBAAA;ARGJ;;AazCa;;;;EF8BT,gBAAA;EACA,mBAAA;EACA,iBALa;EAMb,kBANa;EAOb,oBANY;EAOZ,qBAPY;AXsBhB;;AU9CE;;;;ECkCI,mBAAA;EACA,cAAA;EACA,oBAZU;AX2BhB;;AavDa;;;;ELqDT,oBAAA;EACA,qBAAA;ARMJ;;Aa5Da;;;;EFOT,iBAAA;EACA,eAAA;EACA,gBAAA;AXyDJ;;AU9DE;;;;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;AXmElB;;AavEa;;;;ELyCT,sBAAA;EACA,mBAAA;ARkCJ;;Aa5Ea;;;;EFiBT,iBAAA;EACA,eAAA;EACA,gBAAA;AX+DJ;;AU9EE;;;;EAGI,WEqD+B;;EDvC/B,iBAAA;EACA,uBAAA;EACA,mBAnBY;AXoFlB;;AUpFE;;;;EAGI,aEyDiC;AZ2BvC;;Aa3Fa;;;;EL6CT,kBAAA;EACA,uBAAA;ARkDJ;;AE7EE;EMnBA,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;ARkFF;;AKnCI;EMnDA,iBAAA;EACA,eAAA;EACA,gBAAA;AXyFJ;;AUxGE;EAGI,WEqD+B;;EDvC/B,iBAAA;EACA,uBAAA;EACA,mBAnBY;AX8GlB;;AE/FE;EMkBE,qBAAA;EACA,sBAAA;ARiFJ;;AavHa;;;;EF8BT,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;AXoGhB;;AU5HE;;;;ECkCI,iBAAA;EACA,cAAA;EACA,oBAZU;AXyGhB;;AarIa;;;;ELqDT,oBAAA;EACA,qBAAA;ARoFJ;;Aa1Ia;;;;EFOT,iBAAA;EACA,eAAA;EACA,gBAAA;AXuIJ;;AU5IE;;;;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;AXiJlB;;AarJa;;;;ELyCT,sBAAA;EACA,sBAAA;ARgHJ;;Aa1Ja;;;;EFiBT,iBAAA;EACA,eAAA;EACA,gBAAA;AX6IJ;;AU5JE;;;;EAGI,WEqD+B;;EDvC/B,iBAAA;EACA,uBAAA;EACA,mBAnBY;AXkKlB;;AUlKE;;;;EAGI,aEyDiC;AZyGvC;;AazKa;;;;EL6CT,qBAAA;EACA,uBAAA;ARgIJ;;AE3JE;EMnBA,mBAAA;EACA,oBAFc;EAMZ,gBAFW;EAkBb,sBAAA;ARgKF;;AKjHI;EMnDA,iBAAA;EACA,eAAA;EACA,gBAAA;AXuKJ;;AUtLE;EAGI,WEqD+B;;EDvC/B,mBAAA;EACA,wBAAA;EACA,mBAnBY;AX4LlB;;AE7KE;EMkBE,oBAAA;EACA,qBAAA;AR+JJ;;AarMa;;;;EF8BT,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;AXkLhB;;AU1ME;;;;ECkCI,iBAAA;EACA,cAAA;EACA,oBAZU;AXuLhB;;AanNa;;;;ELqDT,oBAAA;EACA,qBAAA;ARkKJ;;AaxNa;;;;EFOT,iBAAA;EACA,eAAA;EACA,gBAAA;AXqNJ;;AU1NE;;;;ECOI,mBAAA;EACA,uBAAA;EACA,oBATY;AX+NlB;;AanOa;;;;ELyCT,uBAAA;EACA,qBAAA;AR8LJ;;AaxOa;;;;EFiBT,iBAAA;EACA,eAAA;EACA,gBAAA;AX2NJ;;AU1OE;;;;EAGI,WEqD+B;;EDvC/B,mBAAA;EACA,wBAAA;EACA,mBAnBY;AXgPlB;;AUhPE;;;;EAGI,aEyDiC;AZuLvC;;AavPa;;;;EL6CT,oBAAA;EACA,wBAAA;AR8MJ;;AcnQA;ECoBE,eAAA;EACA,eAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;EXpBE,aAAA;EAQA,oBAAA;EAQA,eAAA;EYNE,oBAHA;EAIA,qBAJA;;EFPJ;;;GAAA;;EAsDA;;GAAA;;EAWA;;GAAA;;EAWA;;GAAA;;EAWA;;GAAA;;EAWA;;GAAA;;EAYA;;GAAA;;EAoCA;;GAAA;;EAoCA;;GAAA;AdkHF;;AiB/RE;EACE,WAAA;EACA,eAAA;AjBiSJ;;AiB9RE;ECiCI,wBAAA;EFzBF,qBAfE;ECUF,uBAAA;AjBgSJ;;AiBtTE;EACE,WAAA;EACA,eAAA;EDaE,mBAHA;EAIA,oBAJA;AhBgTN;;AiBtTE;EACE,oBAAA;EACA,eAAA;EACA,WAAA;AjBwTJ;;AcpTM;EACE,2BAAA;EACA,2BAAA;AdsTR;;ActQI;;EAEE,2BAAA;EACA,gBAAA;Ad2TN;;AcnTI;;EAEE,yBAAA;EACA,iBAAA;AdqTN;;Ac7SI;;EAEE,uBAAA;EACA,kBAAA;Ad+SN;;AcvSI;;EAEE,8BAAA;EACA,kBAAA;AdySN;;AclSE;EACE,uBAAA;AdoSJ;;AclSI;EACE,uBAAA;EACA,6BAAA;AdoSN;;Aa7Ya;ELAX,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;AR8XF;;AanZa;;;;ELAX,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;EG+FN,2BAAA;AdsSV;;AU7ZE;;;;ECkCI,iBAAA;EACA,cAAA;EACA,oBAZU;AX0YhB;;Aataa;;;;ELAX,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGdE,iBAAA;EACA,eAAA;EACA,gBAAA;AXuaJ;;AU5aE;;;;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;AXiblB;;Aarba;;;;ELAX,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGJE,iBAAA;EACA,eAAA;EACA,gBAAA;AX4aJ;;AU3bE;;;;EAGI,WEqD+B;;EDvC/B,iBAAA;EACA,uBAAA;EACA,mBAnBY;AXiclB;;AUjcE;;;;EAGI,aEyDiC;AZwYvC;;Aaxca;ELAX,eAAA;EACA,mBAFc;EAMZ,kBAFW;EAkBb,oBAAA;AR0bF;;Aa/ca;;;;ELAX,eAAA;EACA,mBAFc;EAMZ,kBAFW;EAkBb,oBAAA;EGSE,gBAAA;EACA,mBAAA;EACA,iBALa;EAMb,kBANa;EAOb,oBANY;EAOZ,qBAPY;EGmIN,2BAAA;Ad8TV;;AUzdE;;;;ECkCI,mBAAA;EACA,cAAA;EACA,oBAZU;AXschB;;Aalea;;;;ELAX,eAAA;EACA,mBAFc;EAMZ,kBAFW;EAkBb,oBAAA;EGdE,iBAAA;EACA,eAAA;EACA,gBAAA;AXmeJ;;AUxeE;;;;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;AX6elB;;Aajfa;;;;ELAX,eAAA;EACA,mBAFc;EAMZ,kBAFW;EAkBb,oBAAA;EGJE,iBAAA;EACA,eAAA;EACA,gBAAA;AXweJ;;AUvfE;;;;EAGI,WEqD+B;;EDvC/B,iBAAA;EACA,uBAAA;EACA,mBAnBY;AX6flB;;AU7fE;;;;EAGI,aEyDiC;AZocvC;;AapgBa;ELAX,mBAAA;EACA,oBAFc;EAMZ,gBAFW;EAkBb,sBAAA;ARsfF;;Aa3gBa;;;;ELAX,mBAAA;EACA,oBAFc;EAMZ,gBAFW;EAkBb,sBAAA;EGSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;EGuKN,2BAAA;AdsVV;;AUrhBE;;;;ECkCI,iBAAA;EACA,cAAA;EACA,oBAZU;AXkgBhB;;Aa9hBa;;;;ELAX,mBAAA;EACA,oBAFc;EAMZ,gBAFW;EAkBb,sBAAA;EGdE,iBAAA;EACA,eAAA;EACA,gBAAA;AX+hBJ;;AUpiBE;;;;ECOI,mBAAA;EACA,uBAAA;EACA,oBATY;AXyiBlB;;Aa7iBa;;;;ELAX,mBAAA;EACA,oBAFc;EAMZ,gBAFW;EAkBb,sBAAA;EGJE,iBAAA;EACA,eAAA;EACA,gBAAA;AXoiBJ;;AUnjBE;;;;EAGI,WEqD+B;;EDvC/B,mBAAA;EACA,wBAAA;EACA,mBAnBY;AXyjBlB;;AUzjBE;;;;EAGI,aEyDiC;AZggBvC;;AcvWE;EExMI,oBAXA;AhB8jBN;;AmB3kBA;EXOE,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGJE,iBAAA;EACA,eAAA;EACA,gBAAA;EQxBF,aAAA;EHsBI,iBAXA;EAWA,mBAXA;AhB2kBN;;AU7kBE;;ECiBI,iBAAA;EACA,uBAAA;EACA,mBAnBY;ECyCd,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;EMFE,uBAAA;EAGA,wBAAA;EElDJ,4BRmD2B;EQlD3B,oBRkD2B;EQxD3B,4DR0CM;EQzCN,oDRyCM;EF7BF,WEqD+B;AZ2hBrC;;AUnlBE;EAGI,aEyDiC;AZ0hBvC;;AqBjmBA;EbOE,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;AX+lBhB;;AUvnBE;ECkCI,iBAAA;EACA,cAAA;EACA,oBAZU;ECiBZ,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;EMFE,uBAAA;EAGA,wBAAA;EElDJ,4BRmD2B;EQlD3B,oBRkD2B;EQxD3B,+DR0CM;EQzCN,uDRyCM;EF7BF,WEqD+B;AZokBrC;;AsBvoBA;EdOE,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGJE,iBAAA;EACA,eAAA;EACA,gBAAA;AXwoBJ;;AUvpBE;;ECiBI,iBAAA;EACA,uBAAA;EACA,mBAnBY;ECyCd,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;EMFE,uBAAA;EAGA,wBAAA;EElDJ,4BRmD2B;EQlD3B,oBRkD2B;EQxD3B,gER0CM;EQzCN,wDRyCM;EF7BF,WEqD+B;AZqmBrC;;AU7pBE;EAGI,aEyDiC;AZomBvC;;AuB3qBA;EfOE,eAAA;EACA,mBAFc;EAMZ,kBAFW;EAkBb,oBAAA;EGdE,iBAAA;EACA,eAAA;EACA,gBAAA;AXyrBJ;;AU9rBE;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;ECyCd,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;EMFE,uBAAA;EAGA,wBAAA;EElDJ,4BRmD2B;EQlD3B,oBRkD2B;EQxD3B,gER0CM;EQzCN,wDRyCM;EF7BF,WEqD+B;AZ2oBrC;;AwBhsBW;;EfsBP,gCAAA;EAAA,iDAAA;;EAWI,mBAAA;EAqCJ,8CAAA;EAAA,gDAAA;AT0pBJ;;AyBnuBI;EhBsHA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;EAhGF,0CAAA;EAAA,iEAAA;ATktBJ;;AwBxuBW;;EfsBP,gCAAA;EAAA,uDAAA;EA6FA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;ATynBN;;AyB7uBI;EhBiHA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;EAhGF,0CAAA;EAAA,sDAAA;ATiuBJ;;AwBvvBW;;EfsBP,gCAAA;EAAA,uDAAA;EA6FA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;ATwoBN;;AyBvvBI;;;;;EhB4GA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;EAhGF,0CAAA;AT+uBJ;;AwBrwBW;;;;;;;;;;EfsBP,gCAAA;EA6FA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;ATqpBN;A0B/wBI;ECRI,cAAA;EVDN;IACE,WAAA;IACA,eAAA;IDaE,mBAHA;IAIA,oBAJA;EhBgUJ;;EiBtUA;IACE,oBAAA;IACA,eAAA;IACA,WAAA;EjBwUF;;EczTQ;IACE,2BAAA;IACA,2BAAA;Ed2TV;AArVF;A0BSI;ECRI,cAAA;EVDN;IACE,WAAA;IACA,eAAA;IDaE,mBAHA;IAIA,oBAJA;EhBiVJ;;EiBvVA;IACE,oBAAA;IACA,eAAA;IACA,WAAA;EjByVF;;Ec7TQ;IACE,2BAAA;IACA,2BAAA;Ed+TV;AAnWF;A0BMI;ECRI,cAAA;EVDN;IACE,WAAA;IACA,eAAA;IDaE,mBAHA;IAIA,oBAJA;EhBkWJ;;EiBxWA;IACE,oBAAA;IACA,eAAA;IACA,WAAA;EjB0WF;;EcjUQ;IACE,2BAAA;IACA,2BAAA;EdmUV;AAjXF;A0BGI;ECRI,cAAA;A3BQR","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\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\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\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, false);\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 {\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-decoration: var(--text-decoration);\n @if not $minimal {\n color: inherit;\n }\n}\n\n@mixin init-underline() {\n --underline-max-width: 100%;\n --underline-hover-width: 0;\n --underline-idle-width: var(--underline-max-width);\n --underline-x: calc(var(--underline-max-width) * 0);\n --underline-thickness: #{$underline-thickness};\n}\n\n@mixin enable-underline() {\n --underline-img: linear-gradient(0deg, currentColor, currentColor);\n}\n\n@mixin enable-underline-legacy() {\n [href] {\n text-decoration: underline;\n }\n}\n\n@mixin disable-underline() {\n --underline-img: none;\n}\n\n@mixin disable-underline-legacy() {\n [href] {\n text-decoration: none;\n }\n}\n\n@mixin link-underline() {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n}\n\n@mixin link-underline-hover-only() {\n --underline-idle-width: 0;\n}\n\n@mixin hover-underline () {\n &:hover,\n &:active {\n --underline-hover-width: var(--underline-max-width);\n }\n}\n\n@mixin external-link() {\n @include icon-style(after);\n @include icon-size(sm, after);\n @include icon-image(external-link-line, after);\n @include after(var(--external-link-content)) {\n @include margin-left(1v);\n }\n}\n\n@mixin enable-external() {\n --external-link-content: '';\n}\n\n@mixin disable-external() {\n --external-link-content: none;\n}\n\n@mixin target-blank ($unify: false) {\n @if $unify and & {\n &[target=\"_blank\"] {\n @content;\n }\n }\n @else {\n [target=\"_blank\"] {\n @content;\n }\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 '#{&}' != ':root' {\n $associated: selector-associate('#{&}', $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: var(--idle);\n }\n\n @if $active {\n --active-tint: var(--active);\n }\n @else if $active == false {\n --active-tint: var(--idle);\n }\n}\n\n@mixin hover-brighten ($element, $img) {\n @at-root #{$element} {\n &:hover {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten});\n }\n }\n\n &:active {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2});\n }\n }\n }\n}\n\n@mixin hover-brighten-filter () {\n filter: brightness(var(--brightness));\n}\n","////\n/// Core Tool : Typography font-weight\n/// @group core\n////\n\n/// Return font-weight value from font-weight map.\n///\n/// @param {String} $scale ['regular'] - Type scale value from `$weight-scale` (Default to 'regular' = 400)\n///\n/// @example scss - Set font-weight to bold (700)\n/// .foo {\n/// font-weight: font-weight('bold');\n/// }\n\n@function font-weight($scale: regular) {\n @return map-get($font-weight-scale, $scale);\n}\n\n@mixin font-weight($scale) {\n font-weight: font-weight($scale);\n}\n\n@mixin build-utillity-font-weight() {\n $fontWeightValues: map-get($font-weight-vars, values);\n @if $fontWeightValues == 'all' {\n $fontWeightValues: map-keys($font-weight-names);\n }\n @each $weight in $fontWeightValues {\n $name: map-get($font-weight-names, $weight);\n #{ns('text--' + $name)} {\n font-weight: #{$weight} !important;\n }\n }\n}\n","////\n/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\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: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.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: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.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: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin 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: token.normalise($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: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\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 background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include 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 transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\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 background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include 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 text($tokens, $options) {\n @include element(color, text, $tokens, $options);\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 text-fill($tokens, $options) {\n @include element(-webkit-text-fill-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 fill($tokens, $options) {\n @include 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 border($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 element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\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 outline($tokens, $options, $value:1px solid $COLOR) {\n @include 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 box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($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 element(box-shadow, border, $tokens, $options, spacing.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 no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\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/// Link Tool : icons\n/// @group link\n////\n\n@use 'module/spacing';\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $override-icon: true) {\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 $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: spacing.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 --icon-size: #{$icon-size};\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include icon-content(false, $override-icon) {\n --icon-size: #{$icon-size};\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n }\n }\n @else if $place == only {\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\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 --icon-size: #{$icon-size};\n margin-left: 0;\n margin-right: $padding-x;\n }\n }\n}\n","////\n/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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 spacing.space(map-get($icon-size-map, $size));\n}\n\n@function get-icon-url($icon, $important: false) {\n $config: map-get($icons-config, $icon);\n $url: url('#{path.dist()}#{map-get($config, path)}');\n @return specificity.important($url, $important);\n}\n\n@function get-icon-pseudo($restrain) {\n @if $restrain == before or $restrain == after {\n @return $restrain;\n }\n @return before after;\n}\n\n@mixin _icon-pseudo ($restrain: null) {\n @include _pseudo(get-icon-pseudo($restrain)) {\n @content;\n }\n}\n\n@mixin icon-size ($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n --icon-size: #{icon-size($size)};\n @content;\n }\n}\n\n@mixin icon-image ($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n\n @include _icon-pseudo($restrain) {\n @include mask-image($url);\n }\n}\n\n@mixin icon-style($restrain: null) {\n @include _icon-pseudo($restrain) {\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 @include size(var(--icon-size), var(--icon-size));\n @include mask-image-size(100% 100%);\n @content;\n }\n}\n\n@mixin icon-content($is-before: true, $override: false) {\n $pseudos: before after;\n @if not $is-before {\n $pseudos: after before;\n }\n @include _pseudo(nth($pseudos, 1), '') {\n @content;\n }\n @if $override {\n @include _pseudo(nth($pseudos, 2), none);\n }\n}\n\n@mixin icon($icon: null, $size: md, $restrain: null, $styling: true, $is-before: $restrain != after, $override: false) {\n @if $styling {\n @include icon-style($restrain);\n }\n\n @if $icon != null {\n @include icon-image($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size($size, $restrain);\n }\n\n @if $is-before != null {\n @include icon-content($is-before, $override) {\n @content;\n }\n }\n}\n\n@function filter-icons($category, $config: $icons-config) {\n $filtered: ();\n @each $icon, $setting in $config {\n @if map-get($setting, category) == $category {\n $filtered: map-merge($filtered, (#{$icon}: $setting));\n }\n }\n @return $filtered;\n}\n\n@mixin generate-icons($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image($icon);\n }\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/// Buttons-group Module\n/// @group button\n////\n\n#{ns-group(btns)} {\n @include disable-list-style;\n @include display-flex(null, stretch, null, wrap);\n @include vertical-btns-group;\n @include margin-x(-2v);\n\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 &--inline {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n\n &-sm {\n @include respond-from(sm) {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n }\n }\n\n &-md {\n @include respond-from(md) {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n }\n }\n\n &-lg {\n @include respond-from(lg) {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n }\n }\n }\n\n /**\n * fr-btns-group--left : (Défaut) aligne les boutons sur la gauche (en lecture L-t-R)\n */\n &--left {\n &,\n li {\n justify-content: flex-start;\n text-align: left;\n }\n }\n\n /**\n * fr-btns-group--right : aligne les boutons sur la droite\n */\n &--right {\n &,\n li {\n justify-content: flex-end;\n text-align: right;\n }\n }\n\n /**\n * fr-btns-group--center : aligne les boutons au centre du conteneur\n */\n &--center {\n &,\n li {\n justify-content: center;\n text-align: center;\n }\n }\n\n /**\n * fr-btns-group--center : aligne les boutons au centre du conteneur\n */\n &--between {\n &,\n li {\n justify-content: space-between;\n text-align: center;\n }\n }\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 &--equisized {\n --equisized-width: auto;\n\n #{ns(btn)} {\n justify-content: center;\n width: var(--equisized-width);\n }\n }\n\n /**\n * fr-btns-group--sm : Fixe les boutons à la taille SM\n */\n &--sm {\n #{ns(btn)} {\n @include has-not-icon {\n @include nest-btn(sm, false, null, null, false);\n }\n }\n\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(sm, only, null, null, false);\n justify-content: flex-start;\n }\n }\n }\n\n &#{ns-group(btns)}--icon-left {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(sm, left, null, null, false);\n }\n }\n }\n\n &#{ns-group(btns)}--icon-right {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(sm, right, null, null, false);\n }\n }\n }\n }\n\n /**\n * fr-btns-group--md : (défaut) Fixe les boutons à la taille MD\n */\n &:not(#{ns-group(btns)}--sm):not(#{ns-group(btns)}--lg) {\n #{ns(btn)} {\n @include has-not-icon {\n @include nest-btn(md, false, null, null, false);\n }\n }\n\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(md, only, null, null, false);\n justify-content: flex-start;\n }\n }\n }\n\n &#{ns-group(btns)}--icon-left {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(md, left, null, null, false);\n }\n }\n }\n\n &#{ns-group(btns)}--icon-right {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(md, right, null, null, false);\n }\n }\n }\n }\n\n /**\n * fr-btns-group--lg : Fixe les boutons à la taille LG (sans modfifieur => MD)\n */\n &--lg {\n #{ns(btn)} {\n @include has-not-icon {\n @include nest-btn(lg, false, null, null, false);\n }\n }\n\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(lg, only, null, null, false);\n justify-content: flex-start;\n }\n }\n }\n\n &#{ns-group(btns)}--icon-left {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(lg, left, null, null, false);\n }\n }\n }\n\n &#{ns-group(btns)}--icon-right {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(lg, right, null, null, false);\n }\n }\n }\n }\n\n #{ns(fieldset__element)} > & {\n @include margin-bottom(-4v);\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: disc;\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@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\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: spacing.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/// Button Tool - group\n/// @group button\n////\n\n@mixin horizontal-btns-group() {\n #{ns(btn)} {\n width: auto;\n max-width: 100%;\n @include margin-x(2v);\n }\n\n > li {\n display: inline-flex;\n max-width: 100%;\n width: auto;\n }\n}\n\n@mixin vertical-btns-group() {\n > li {\n width: 100%;\n max-width: 100%;\n }\n\n #{ns(btn)} {\n @include size(calc(100% - 4v));\n @include margin(0 2v 4v);\n justify-content: center;\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Button Module - Close\n/// @group button\n////\n\n#{ns(btn--close)} {\n @include nest-btn(sm, right, close-line, null, false);\n display: flex;\n @include margin-left(auto);\n @include margin-right(-4v);\n}\n","////\n/// Core Tool : mask-image\n/// @group core\n////\n\n@mixin mask-image($value) {\n -webkit-mask-image: $value;\n mask-image: $value;\n}\n\n@mixin mask-image-size($value) {\n -webkit-mask-size: $value;\n mask-size: $value;\n}\n\n@mixin mask-image-position($value) {\n -webkit-mask-position: $value;\n mask-position: $value;\n}\n","////\n/// Button Module - Tooltip\n/// @group button\n////\n\n#{ns(btn--tooltip)} {\n @include nest-btn(sm, only, question-line, null, false);\n}\n","////\n/// Button Module - Fullscreen\n/// @group button\n////\n\n#{ns(btn--fullscreen)} {\n @include nest-btn(sm, right, fullscreen-line, null, false);\n}\n","////\n/// Button Module - Display\n/// @group button\n////\n\n#{ns(btn--display)} {\n @include nest-btn(md, left, theme-fill, null, false);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\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 selector($options: (), $colors: null) {\n $selectors: '&:disabled';\n @if map.get($options, can-be-link) {\n $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @if $colors != null {\n @include colors.colors($colors);\n }\n @content;\n }\n}\n","////\n/// button Scheme\n/// @group button\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _button-scheme($legacy: false) {\n #{ns(btn)} {\n @include color.background(action-high blue-france, (legacy:$legacy, hover: true));\n @include color.text(inverted blue-france, (legacy:$legacy));\n\n @include disabled.selector((can-be-link: true), (legacy: $legacy, text: true, background: true));\n\n // Outline variant\n &--secondary {\n @include btn-kind-scheme(2, $legacy);\n }\n\n // Grey outline variant\n &--tertiary {\n @include btn-kind-scheme(3, $legacy);\n }\n\n // Ghost variant\n &--tertiary-no-outline,\n &--close,\n &--display,\n &--fullscreen,\n &--tooltip {\n @include btn-kind-scheme(4, $legacy);\n }\n }\n}\n","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","%3Cinput%20css%20cYiGlW%3E","file:///Users/ket/Documents/work/dsfr/src/component/button/main.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_build.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_display.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_link.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_font-weight.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pattern.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_group.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/tool/_group.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_close.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_tooltip.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_fullscreen.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_display.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_account.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_team.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_briefcase.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cAAA;ACsEE;EC8BE,iBAAA;EAAA,kBAAA;ECjGA,oBAAA;EAOA,mBAAA;EAIA,mBAAA;EFoCA,uBAAA;EACA,kBAAA;;EGvBF,qBAAA;ECwBE,0BAAA;ECtCF,gBAAA;ECPA,eAAA;EACA,mBAFc;EAMZ,kBAFW;EAkBb,oBAAA;ECQE,2DAAA;;EAWI,mBAAA;EAqCJ,wDAAA;EAAA,0DAAA;EAhDA,uCAAA;ATdJ;;AUXE;;ER0CI,cAAA;AF5BN;;AKkDI;EMnDA,iBAAA;EACA,eAAA;EACA,gBAAA;AXWJ;;AU1BE;EAGI,WEqD+B;;EDvC/B,iBAAA;EACA,uBAAA;EACA,mBAnBY;AXgClB;;AEbE;EMcE,kBAAA;EACA,mBAAA;ARGJ;;AazCa;;;;EF8BT,gBAAA;EACA,mBAAA;EACA,iBALa;EAMb,kBANa;EAOb,oBANY;EAOZ,qBAPY;AXsBhB;;AU9CE;;;;ECkCI,mBAAA;EACA,cAAA;EACA,oBAZU;AX2BhB;;AavDa;;;;ELqDT,oBAAA;EACA,qBAAA;ARMJ;;Aa5Da;;;;EFOT,iBAAA;EACA,eAAA;EACA,gBAAA;AXyDJ;;AU9DE;;;;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;AXmElB;;AavEa;;;;ELyCT,sBAAA;EACA,mBAAA;ARkCJ;;Aa5Ea;;;;EFiBT,iBAAA;EACA,eAAA;EACA,gBAAA;AX+DJ;;AU9EE;;;;EAGI,WEqD+B;;EDvC/B,iBAAA;EACA,uBAAA;EACA,mBAnBY;AXoFlB;;AUpFE;;;;EAGI,aEyDiC;AZ2BvC;;Aa3Fa;;;;EL6CT,kBAAA;EACA,uBAAA;ARkDJ;;AEzEE;EMvBA,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;ARkFF;;AKnCI;EMnDA,iBAAA;EACA,eAAA;EACA,gBAAA;AXyFJ;;AUxGE;EAGI,WEqD+B;;EDvC/B,iBAAA;EACA,uBAAA;EACA,mBAnBY;AX8GlB;;AE3FE;EMcE,qBAAA;EACA,sBAAA;ARiFJ;;AavHa;;;;EF8BT,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;AXoGhB;;AU5HE;;;;ECkCI,iBAAA;EACA,cAAA;EACA,oBAZU;AXyGhB;;AarIa;;;;ELqDT,oBAAA;EACA,qBAAA;ARoFJ;;Aa1Ia;;;;EFOT,iBAAA;EACA,eAAA;EACA,gBAAA;AXuIJ;;AU5IE;;;;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;AXiJlB;;AarJa;;;;ELyCT,sBAAA;EACA,sBAAA;ARgHJ;;Aa1Ja;;;;EFiBT,iBAAA;EACA,eAAA;EACA,gBAAA;AX6IJ;;AU5JE;;;;EAGI,WEqD+B;;EDvC/B,iBAAA;EACA,uBAAA;EACA,mBAnBY;AXkKlB;;AUlKE;;;;EAGI,aEyDiC;AZyGvC;;AazKa;;;;EL6CT,qBAAA;EACA,uBAAA;ARgIJ;;AEvJE;EMvBA,mBAAA;EACA,oBAFc;EAMZ,gBAFW;EAkBb,sBAAA;ARgKF;;AKjHI;EMnDA,iBAAA;EACA,eAAA;EACA,gBAAA;AXuKJ;;AUtLE;EAGI,WEqD+B;;EDvC/B,mBAAA;EACA,wBAAA;EACA,mBAnBY;AX4LlB;;AEzKE;EMcE,oBAAA;EACA,qBAAA;AR+JJ;;AarMa;;;;EF8BT,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;AXkLhB;;AU1ME;;;;ECkCI,iBAAA;EACA,cAAA;EACA,oBAZU;AXuLhB;;AanNa;;;;ELqDT,oBAAA;EACA,qBAAA;ARkKJ;;AaxNa;;;;EFOT,iBAAA;EACA,eAAA;EACA,gBAAA;AXqNJ;;AU1NE;;;;ECOI,mBAAA;EACA,uBAAA;EACA,oBATY;AX+NlB;;AanOa;;;;ELyCT,uBAAA;EACA,qBAAA;AR8LJ;;AaxOa;;;;EFiBT,iBAAA;EACA,eAAA;EACA,gBAAA;AX2NJ;;AU1OE;;;;EAGI,WEqD+B;;EDvC/B,mBAAA;EACA,wBAAA;EACA,mBAnBY;AXgPlB;;AUhPE;;;;EAGI,aEyDiC;AZuLvC;;AavPa;;;;EL6CT,oBAAA;EACA,wBAAA;AR8MJ;;AcnQA;ECoBE,eAAA;EACA,eAAA;EACA,aAAA;EACA,aAAA;EACA,aAAA;EACA,cAAA;EACA,kBAAA;EXpBE,aAAA;EAQA,oBAAA;EAQA,eAAA;EYNE,oBAHA;EAIA,qBAJA;;EFPJ;;;GAAA;;EAsDA;;GAAA;;EAWA;;GAAA;;EAWA;;GAAA;;EAWA;;GAAA;;EAWA;;GAAA;;EAYA;;GAAA;;EAoCA;;GAAA;;EAoCA;;GAAA;AdkHF;;AiB/RE;;EAEE,WAAA;EACA,eAAA;AjBiSJ;;AiB9RE;ECgCI,wBAAA;EFzBF,qBAfE;ECWF,uBAAA;AjBgSJ;;AiBvTE;EACE,WAAA;EACA,eAAA;EDaE,mBAHA;EAIA,oBAJA;AhBiTN;;AiBvTE;EACE,oBAAA;EACA,eAAA;EACA,WAAA;AjByTJ;;AcrTM;EACE,2BAAA;EACA,2BAAA;AduTR;;AcvQI;;EAEE,2BAAA;EACA,gBAAA;Ad4TN;;AcpTI;;EAEE,yBAAA;EACA,iBAAA;AdsTN;;Ac9SI;;EAEE,uBAAA;EACA,kBAAA;AdgTN;;AcxSI;;EAEE,8BAAA;EACA,kBAAA;Ad0SN;;AcnSE;EACE,uBAAA;AdqSJ;;AcnSI;EACE,uBAAA;EACA,6BAAA;AdqSN;;Aa9Ya;ELAX,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;AR+XF;;AapZa;;;;ELAX,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;EG+FN,2BAAA;AduSV;;AU9ZE;;;;ECkCI,iBAAA;EACA,cAAA;EACA,oBAZU;AX2YhB;;Aavaa;;;;ELAX,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGdE,iBAAA;EACA,eAAA;EACA,gBAAA;AXwaJ;;AU7aE;;;;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;AXkblB;;Aatba;;;;ELAX,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGJE,iBAAA;EACA,eAAA;EACA,gBAAA;AX6aJ;;AU5bE;;;;EAGI,WEqD+B;;EDvC/B,iBAAA;EACA,uBAAA;EACA,mBAnBY;AXkclB;;AUlcE;;;;EAGI,aEyDiC;AZyYvC;;Aazca;ELAX,eAAA;EACA,mBAFc;EAMZ,kBAFW;EAkBb,oBAAA;AR2bF;;Aahda;;;;ELAX,eAAA;EACA,mBAFc;EAMZ,kBAFW;EAkBb,oBAAA;EGSE,gBAAA;EACA,mBAAA;EACA,iBALa;EAMb,kBANa;EAOb,oBANY;EAOZ,qBAPY;EGmIN,2BAAA;Ad+TV;;AU1dE;;;;ECkCI,mBAAA;EACA,cAAA;EACA,oBAZU;AXuchB;;Aanea;;;;ELAX,eAAA;EACA,mBAFc;EAMZ,kBAFW;EAkBb,oBAAA;EGdE,iBAAA;EACA,eAAA;EACA,gBAAA;AXoeJ;;AUzeE;;;;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;AX8elB;;Aalfa;;;;ELAX,eAAA;EACA,mBAFc;EAMZ,kBAFW;EAkBb,oBAAA;EGJE,iBAAA;EACA,eAAA;EACA,gBAAA;AXyeJ;;AUxfE;;;;EAGI,WEqD+B;;EDvC/B,iBAAA;EACA,uBAAA;EACA,mBAnBY;AX8flB;;AU9fE;;;;EAGI,aEyDiC;AZqcvC;;AargBa;ELAX,mBAAA;EACA,oBAFc;EAMZ,gBAFW;EAkBb,sBAAA;ARufF;;Aa5gBa;;;;ELAX,mBAAA;EACA,oBAFc;EAMZ,gBAFW;EAkBb,sBAAA;EGSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;EGuKN,2BAAA;AduVV;;AUthBE;;;;ECkCI,iBAAA;EACA,cAAA;EACA,oBAZU;AXmgBhB;;Aa/hBa;;;;ELAX,mBAAA;EACA,oBAFc;EAMZ,gBAFW;EAkBb,sBAAA;EGdE,iBAAA;EACA,eAAA;EACA,gBAAA;AXgiBJ;;AUriBE;;;;ECOI,mBAAA;EACA,uBAAA;EACA,oBATY;AX0iBlB;;Aa9iBa;;;;ELAX,mBAAA;EACA,oBAFc;EAMZ,gBAFW;EAkBb,sBAAA;EGJE,iBAAA;EACA,eAAA;EACA,gBAAA;AXqiBJ;;AUpjBE;;;;EAGI,WEqD+B;;EDvC/B,mBAAA;EACA,wBAAA;EACA,mBAnBY;AX0jBlB;;AU1jBE;;;;EAGI,aEyDiC;AZigBvC;;AcxWE;EExMI,oBAXA;AhB+jBN;;AmB5kBA;EXOE,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGJE,iBAAA;EACA,eAAA;EACA,gBAAA;EQxBF,aAAA;EHsBI,iBAXA;AhB2kBN;;AU7kBE;;ECiBI,iBAAA;EACA,uBAAA;EACA,mBAnBY;ECyCd,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;EMFE,uBAAA;EAGA,wBAAA;EElDJ,4BRmD2B;EQlD3B,oBRkD2B;EQxD3B,4DR0CM;EQzCN,oDRyCM;EF7BF,WEqD+B;AZ2hBrC;;AUnlBE;EAGI,aEyDiC;AZ0hBvC;;AqBjmBA;EbOE,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGSE,gBAAA;EACA,mBAAA;EACA,eALa;EAMb,gBANa;EAOb,oBANY;EAOZ,qBAPY;AX+lBhB;;AUvnBE;ECkCI,iBAAA;EACA,cAAA;EACA,oBAZU;ECiBZ,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;EMFE,uBAAA;EAGA,wBAAA;EElDJ,4BRmD2B;EQlD3B,oBRkD2B;EQxD3B,+DR0CM;EQzCN,uDRyCM;EF7BF,WEqD+B;AZokBrC;;AsBvoBA;EdOE,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGJE,iBAAA;EACA,eAAA;EACA,gBAAA;AXwoBJ;;AUvpBE;;ECiBI,iBAAA;EACA,uBAAA;EACA,mBAnBY;ECyCd,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;EMFE,uBAAA;EAGA,wBAAA;EElDJ,4BRmD2B;EQlD3B,oBRkD2B;EQxD3B,gER0CM;EQzCN,wDRyCM;EF7BF,WEqD+B;AZqmBrC;;AU7pBE;EAGI,aEyDiC;AZomBvC;;AuB3qBA;EfOE,eAAA;EACA,mBAFc;EAMZ,kBAFW;EAkBb,oBAAA;EGdE,iBAAA;EACA,eAAA;EACA,gBAAA;AXyrBJ;;AU9rBE;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;ECyCd,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;EMFE,uBAAA;EAGA,wBAAA;EElDJ,4BRmD2B;EQlD3B,oBRkD2B;EQxD3B,gER0CM;EQzCN,wDRyCM;EF7BF,WEqD+B;AZ2oBrC;;AwB9sBA;EhBOE,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGdE,iBAAA;EACA,eAAA;EACA,gBAAA;AXytBJ;;AU9tBE;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;ECyCd,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;EMFE,uBAAA;EAGA,wBAAA;EElDJ,4BRmD2B;EQlD3B,oBRkD2B;EQxD3B,mER0CM;EQzCN,2DRyCM;EF7BF,WEqD+B;AZ2qBrC;;AyB9uBA;EjBOE,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGdE,iBAAA;EACA,eAAA;EACA,gBAAA;AXyvBJ;;AU9vBE;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;ECyCd,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;EMFE,uBAAA;EAGA,wBAAA;EElDJ,4BRmD2B;EQlD3B,oBRkD2B;EQxD3B,yDR0CM;EQzCN,iDRyCM;EF7BF,WEqD+B;AZ2sBrC;;A0B9wBA;ElBOE,mBAAA;EACA,mBAFc;EAMZ,gBAFW;EAkBb,wBAAA;EGdE,iBAAA;EACA,eAAA;EACA,gBAAA;AXyxBJ;;AU9xBE;ECOI,iBAAA;EACA,sBAAA;EACA,oBATY;ECyCd,cAAA;EACA,qBAAA;EACA,uDAAA;EACA,8BAAA;EMFE,uBAAA;EAGA,wBAAA;EElDJ,4BRmD2B;EQlD3B,oBRkD2B;EQxD3B,kER0CM;EQzCN,0DRyCM;EF7BF,WEqD+B;AZ2uBrC;;A2BhyBW;;ElBsBP,gCAAA;EAAA,iDAAA;;EAWI,mBAAA;EAqCJ,8CAAA;EAAA,gDAAA;AT0vBJ;;A4Bn0BI;EnBsHA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;EAhGF,0CAAA;EAAA,iEAAA;ATkzBJ;;A2Bx0BW;;ElBsBP,gCAAA;EAAA,uDAAA;EA6FA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;ATytBN;;A4B70BI;;EnBiHA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;EAhGF,0CAAA;EAAA,sDAAA;ATi0BJ;;A2Bv1BW;;;;ElBsBP,gCAAA;EAAA,uDAAA;EA6FA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;ATwuBN;;A4Bt1BI;;;;;;;EnB2GA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;EAhGF,0CAAA;AT+0BJ;;A2Br2BW;;;;;;;;;;;;;;ElBsBP,gCAAA;EA6FA,6BAAA;;EAEE,gBAAA;EACA,iBAAA;ATqvBN;A6B/2BI;ECRI,cAAA;EbDN;IACE,WAAA;IACA,eAAA;IDaE,mBAHA;IAIA,oBAJA;EhBiUJ;;EiBvUA;IACE,oBAAA;IACA,eAAA;IACA,WAAA;EjByUF;;Ec1TQ;IACE,2BAAA;IACA,2BAAA;Ed4TV;AAtVF;A6BSI;ECRI,cAAA;EbDN;IACE,WAAA;IACA,eAAA;IDaE,mBAHA;IAIA,oBAJA;EhBkVJ;;EiBxVA;IACE,oBAAA;IACA,eAAA;IACA,WAAA;EjB0VF;;Ec9TQ;IACE,2BAAA;IACA,2BAAA;EdgUV;AApWF;A6BMI;ECRI,cAAA;EbDN;IACE,WAAA;IACA,eAAA;IDaE,mBAHA;IAIA,oBAJA;EhBmWJ;;EiBzWA;IACE,oBAAA;IACA,eAAA;IACA,WAAA;EjB2WF;;EclUQ;IACE,2BAAA;IACA,2BAAA;EdoUV;AAlXF;A6BGI;ECRI,cAAA;A9BQR","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\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\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\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.fr-btns-group > div {\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}\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--account {\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--account::before {\n --icon-size: 1rem;\n margin-left: -0.125rem;\n margin-right: 0.5rem;\n}\n.fr-btn--account::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--account::before {\n -webkit-mask-image: url(\"../../icons/user/account-circle-fill.svg\");\n mask-image: url(\"../../icons/user/account-circle-fill.svg\");\n}\n.fr-btn--account::before {\n content: \"\";\n}\n\n.fr-btn--team {\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--team::before {\n --icon-size: 1rem;\n margin-left: -0.125rem;\n margin-right: 0.5rem;\n}\n.fr-btn--team::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--team::before {\n -webkit-mask-image: url(\"../../icons/user/team-line.svg\");\n mask-image: url(\"../../icons/user/team-line.svg\");\n}\n.fr-btn--team::before {\n content: \"\";\n}\n\n.fr-btn--briefcase {\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--briefcase::before {\n --icon-size: 1rem;\n margin-left: -0.125rem;\n margin-right: 0.5rem;\n}\n.fr-btn--briefcase::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--briefcase::before {\n -webkit-mask-image: url(\"../../icons/business/briefcase-fill.svg\");\n mask-image: url(\"../../icons/business/briefcase-fill.svg\");\n}\n.fr-btn--briefcase::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, .fr-btn--account {\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]), a.fr-btn--account:not([href]), .fr-btn--account:disabled {\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, .fr-btn--briefcase, .fr-btn--team {\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]), a.fr-btn--briefcase:not([href]), a.fr-btn--team:not([href]), .fr-btn--close:disabled, .fr-btn--display:disabled, .fr-btn--fullscreen:disabled, .fr-btn--tooltip:disabled, .fr-btn--briefcase:disabled, .fr-btn--team: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, $append: '') {\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 @if $append != '' {\n $selector: '#{$selector} #{$append}';\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 $append: map-get($settings, append);\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, null, false, $append) {\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, false);\n }\n }\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, null, true, $append) {\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, false, $append) {\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, $append) {\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, false, $append) {\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 {\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-decoration: var(--text-decoration);\n @if not $minimal {\n color: inherit;\n }\n}\n\n@mixin init-underline() {\n --underline-max-width: 100%;\n --underline-hover-width: 0;\n --underline-idle-width: var(--underline-max-width);\n --underline-x: calc(var(--underline-max-width) * 0);\n --underline-thickness: #{$underline-thickness};\n}\n\n@mixin enable-underline() {\n --underline-img: linear-gradient(0deg, currentColor, currentColor);\n}\n\n@mixin enable-underline-legacy() {\n [href] {\n text-decoration: underline;\n }\n}\n\n@mixin disable-underline() {\n --underline-img: none;\n}\n\n@mixin disable-underline-legacy() {\n [href] {\n text-decoration: none;\n }\n}\n\n@mixin link-underline() {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n}\n\n@mixin link-underline-hover-only() {\n --underline-idle-width: 0;\n}\n\n@mixin hover-underline () {\n &:hover,\n &:active {\n --underline-hover-width: var(--underline-max-width);\n }\n}\n\n@mixin external-link() {\n @include icon-style(after);\n @include icon-size(sm, after);\n @include icon-image(external-link-line, after);\n @include after(var(--external-link-content)) {\n @include margin-left(1v);\n }\n}\n\n@mixin enable-external() {\n --external-link-content: '';\n}\n\n@mixin disable-external() {\n --external-link-content: none;\n}\n\n@mixin target-blank ($unify: false) {\n @if $unify and & {\n &[target=\"_blank\"] {\n @content;\n }\n }\n @else {\n [target=\"_blank\"] {\n @content;\n }\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 '#{&}' != ':root' {\n $associated: selector-associate('#{&}', $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: var(--idle);\n }\n\n @if $active {\n --active-tint: var(--active);\n }\n @else if $active == false {\n --active-tint: var(--idle);\n }\n}\n\n@mixin hover-brighten ($element, $img) {\n @at-root #{$element} {\n &:hover {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten});\n }\n }\n\n &:active {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2});\n }\n }\n }\n}\n\n@mixin hover-brighten-filter () {\n filter: brightness(var(--brightness));\n}\n","////\n/// Core Tool : Typography font-weight\n/// @group core\n////\n\n/// Return font-weight value from font-weight map.\n///\n/// @param {String} $scale ['regular'] - Type scale value from `$weight-scale` (Default to 'regular' = 400)\n///\n/// @example scss - Set font-weight to bold (700)\n/// .foo {\n/// font-weight: font-weight('bold');\n/// }\n\n@function font-weight($scale: regular) {\n @return map-get($font-weight-scale, $scale);\n}\n\n@mixin font-weight($scale) {\n font-weight: font-weight($scale);\n}\n\n@mixin build-utillity-font-weight() {\n $fontWeightValues: map-get($font-weight-vars, values);\n @if $fontWeightValues == 'all' {\n $fontWeightValues: map-keys($font-weight-names);\n }\n @each $weight in $fontWeightValues {\n $name: map-get($font-weight-names, $weight);\n #{ns('text--' + $name)} {\n font-weight: #{$weight} !important;\n }\n }\n}\n","////\n/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\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: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.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: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.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: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin 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 == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($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: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\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 background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include 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 transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\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 background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include 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 text($tokens, $options) {\n @include element(color, text, $tokens, $options);\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 text-fill($tokens, $options) {\n @include element(-webkit-text-fill-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 fill($tokens, $options) {\n @include 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 border($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 element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\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 outline($tokens, $options, $value:1px solid $COLOR) {\n @include 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 box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($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 element(box-shadow, border, $tokens, $options, spacing.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 no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\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/// Link Tool : icons\n/// @group link\n////\n\n@use 'module/spacing';\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $override-icon: true) {\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 $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: spacing.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 --icon-size: #{$icon-size};\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include icon-content(false, $override-icon) {\n --icon-size: #{$icon-size};\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n }\n }\n @else if $place == only {\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\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 --icon-size: #{$icon-size};\n margin-left: 0;\n margin-right: $padding-x;\n }\n }\n}\n","////\n/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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 spacing.space(map-get($icon-size-map, $size));\n}\n\n@function get-icon-url($icon, $important: false) {\n $config: map-get($icons-config, $icon);\n $url: url('#{path.dist()}#{map-get($config, path)}');\n @return specificity.important($url, $important);\n}\n\n@function get-icon-pseudo($restrain) {\n @if $restrain == before or $restrain == after {\n @return $restrain;\n }\n @return before after;\n}\n\n@mixin _icon-pseudo ($restrain: null) {\n @include _pseudo(get-icon-pseudo($restrain)) {\n @content;\n }\n}\n\n@mixin icon-size ($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n --icon-size: #{icon-size($size)};\n @content;\n }\n}\n\n@mixin icon-image ($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n\n @include _icon-pseudo($restrain) {\n @include mask-image($url);\n }\n}\n\n@mixin icon-style($restrain: null) {\n @include _icon-pseudo($restrain) {\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 @include size(var(--icon-size), var(--icon-size));\n @include mask-image-size(100% 100%);\n @content;\n }\n}\n\n@mixin icon-content($is-before: true, $override: false) {\n $pseudos: before after;\n @if not $is-before {\n $pseudos: after before;\n }\n @include _pseudo(nth($pseudos, 1), '') {\n @content;\n }\n @if $override {\n @include _pseudo(nth($pseudos, 2), none);\n }\n}\n\n@mixin icon($icon: null, $size: md, $restrain: null, $styling: true, $is-before: $restrain != after, $override: false) {\n @if $styling {\n @include icon-style($restrain);\n }\n\n @if $icon != null {\n @include icon-image($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size($size, $restrain);\n }\n\n @if $is-before != null {\n @include icon-content($is-before, $override) {\n @content;\n }\n }\n}\n\n@function filter-icons($category, $config: $icons-config) {\n $filtered: ();\n @each $icon, $setting in $config {\n @if map-get($setting, category) == $category {\n $filtered: map-merge($filtered, (#{$icon}: $setting));\n }\n }\n @return $filtered;\n}\n\n@mixin generate-icons($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image($icon);\n }\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/// Buttons-group Module\n/// @group button\n////\n\n#{ns-group(btns)} {\n @include disable-list-style;\n @include display-flex(null, stretch, null, wrap);\n @include vertical-btns-group;\n @include margin-x(-2v);\n\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 &--inline {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n\n &-sm {\n @include respond-from(sm) {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n }\n }\n\n &-md {\n @include respond-from(md) {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n }\n }\n\n &-lg {\n @include respond-from(lg) {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n }\n }\n }\n\n /**\n * fr-btns-group--left : (Défaut) aligne les boutons sur la gauche (en lecture L-t-R)\n */\n &--left {\n &,\n li {\n justify-content: flex-start;\n text-align: left;\n }\n }\n\n /**\n * fr-btns-group--right : aligne les boutons sur la droite\n */\n &--right {\n &,\n li {\n justify-content: flex-end;\n text-align: right;\n }\n }\n\n /**\n * fr-btns-group--center : aligne les boutons au centre du conteneur\n */\n &--center {\n &,\n li {\n justify-content: center;\n text-align: center;\n }\n }\n\n /**\n * fr-btns-group--center : aligne les boutons au centre du conteneur\n */\n &--between {\n &,\n li {\n justify-content: space-between;\n text-align: center;\n }\n }\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 &--equisized {\n --equisized-width: auto;\n\n #{ns(btn)} {\n justify-content: center;\n width: var(--equisized-width);\n }\n }\n\n /**\n * fr-btns-group--sm : Fixe les boutons à la taille SM\n */\n &--sm {\n #{ns(btn)} {\n @include has-not-icon {\n @include nest-btn(sm, false, null, null, false);\n }\n }\n\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(sm, only, null, null, false);\n justify-content: flex-start;\n }\n }\n }\n\n &#{ns-group(btns)}--icon-left {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(sm, left, null, null, false);\n }\n }\n }\n\n &#{ns-group(btns)}--icon-right {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(sm, right, null, null, false);\n }\n }\n }\n }\n\n /**\n * fr-btns-group--md : (défaut) Fixe les boutons à la taille MD\n */\n &:not(#{ns-group(btns)}--sm):not(#{ns-group(btns)}--lg) {\n #{ns(btn)} {\n @include has-not-icon {\n @include nest-btn(md, false, null, null, false);\n }\n }\n\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(md, only, null, null, false);\n justify-content: flex-start;\n }\n }\n }\n\n &#{ns-group(btns)}--icon-left {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(md, left, null, null, false);\n }\n }\n }\n\n &#{ns-group(btns)}--icon-right {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(md, right, null, null, false);\n }\n }\n }\n }\n\n /**\n * fr-btns-group--lg : Fixe les boutons à la taille LG (sans modfifieur => MD)\n */\n &--lg {\n #{ns(btn)} {\n @include has-not-icon {\n @include nest-btn(lg, false, null, null, false);\n }\n }\n\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(lg, only, null, null, false);\n justify-content: flex-start;\n }\n }\n }\n\n &#{ns-group(btns)}--icon-left {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(lg, left, null, null, false);\n }\n }\n }\n\n &#{ns-group(btns)}--icon-right {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(lg, right, null, null, false);\n }\n }\n }\n }\n\n #{ns(fieldset__element)} > & {\n @include margin-bottom(-4v);\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: disc;\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@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\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: spacing.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/// Button Tool - group\n/// @group button\n////\n\n@mixin horizontal-btns-group() {\n #{ns(btn)} {\n width: auto;\n max-width: 100%;\n @include margin-x(2v);\n }\n\n > li {\n display: inline-flex;\n max-width: 100%;\n width: auto;\n }\n}\n\n@mixin vertical-btns-group() {\n > li,\n > div {\n width: 100%;\n max-width: 100%;\n }\n\n #{ns(btn)} {\n @include size(calc(100% - 4v));\n @include margin(0 2v 4v);\n justify-content: center;\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Button Module - Close\n/// @group button\n////\n\n#{ns(btn--close)} {\n @include nest-btn(sm, right, close-line, null, false);\n display: flex;\n @include margin-left(auto);\n}\n","////\n/// Core Tool : mask-image\n/// @group core\n////\n\n@mixin mask-image($value) {\n -webkit-mask-image: $value;\n mask-image: $value;\n}\n\n@mixin mask-image-size($value) {\n -webkit-mask-size: $value;\n mask-size: $value;\n}\n\n@mixin mask-image-position($value) {\n -webkit-mask-position: $value;\n mask-position: $value;\n}\n\n@mixin mask-image-repeat($value) {\n -webkit-mask-repeat: $value;\n mask-repeat: $value;\n}\n","////\n/// Button Module - Tooltip\n/// @group button\n////\n\n#{ns(btn--tooltip)} {\n @include nest-btn(sm, only, question-line, null, false);\n}\n","////\n/// Button Module - Fullscreen\n/// @group button\n////\n\n#{ns(btn--fullscreen)} {\n @include nest-btn(sm, right, fullscreen-line, null, false);\n}\n","////\n/// Button Module - Display\n/// @group button\n////\n\n#{ns(btn--display)} {\n @include nest-btn(md, left, theme-fill, null, false);\n}\n","////\n/// Button Module - Account\n/// @group button\n////\n\n#{ns(btn--account)} {\n @include nest-btn(sm, left, account-circle-fill, null, false);\n}\n","////\n/// Button Module - Team\n/// @group button\n////\n\n#{ns(btn--team)} {\n @include nest-btn(sm, left, team-line, null, false);\n}\n","////\n/// Button Module - Briefcase\n/// @group button\n////\n\n#{ns(btn--briefcase)} {\n @include nest-btn(sm, left, briefcase-fill, null, false);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\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 selector($options: (), $colors: null) {\n $selectors: '&:disabled';\n @if map.get($options, can-be-link) {\n $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @if $colors != null {\n @include colors.colors($colors);\n }\n @content;\n }\n}\n","////\n/// button Scheme\n/// @group button\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _button-scheme($legacy: false) {\n #{ns(btn)} {\n @include color.background(action-high blue-france, (legacy:$legacy, hover: true));\n @include color.text(inverted blue-france, (legacy:$legacy));\n\n @include disabled.selector((can-be-link: true), (legacy: $legacy, text: true, background: true));\n\n // Outline variant\n &--secondary {\n @include btn-kind-scheme(2, $legacy);\n }\n\n // Grey outline variant\n &--tertiary,\n &--account {\n @include btn-kind-scheme(3, $legacy);\n }\n\n // Ghost variant\n &--tertiary-no-outline,\n &--close,\n &--display,\n &--fullscreen,\n &--tooltip,\n &--briefcase,\n &--team {\n @include btn-kind-scheme(4, $legacy);\n }\n }\n}\n","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/button/button.main.min.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-btn{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--idle:transparent;--hover:var(--background-action-high-blue-france-hover);--active:var(--background-action-high-blue-france-active);align-items:center;background-color:var(--background-action-high-blue-france);color:var(--text-inverted-blue-france);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:500;line-height:1.5rem;min-height:2.5rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}.fr-btn:after,.fr-btn:before{display:block}.fr-btn[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--align-on-content{margin-left:-1rem;margin-right:-1rem}.fr-btn[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:2.5rem;max-width:2.5rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.fr-btn--align-on-content[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--icon-left[class*=" fr-fi-"],.fr-btn--icon-left[class*=" fr-icon-"],.fr-btn--icon-left[class^=fr-fi-],.fr-btn--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--icon-left[class*=" fr-fi-"]:before,.fr-btn--icon-left[class*=" fr-icon-"]:before,.fr-btn--icon-left[class^=fr-fi-]:before,.fr-btn--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{margin-left:-.875rem;margin-right:-1rem}.fr-btn--icon-right[class*=" fr-fi-"],.fr-btn--icon-right[class*=" fr-icon-"],.fr-btn--icon-right[class^=fr-fi-],.fr-btn--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--icon-right[class*=" fr-fi-"]:after,.fr-btn--icon-right[class*=" fr-icon-"]:after,.fr-btn--icon-right[class^=fr-fi-]:after,.fr-btn--icon-right[class^=fr-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--icon-right[class*=" fr-fi-"]:before,.fr-btn--icon-right[class*=" fr-icon-"]:before,.fr-btn--icon-right[class^=fr-fi-]:before,.fr-btn--icon-right[class^=fr-icon-]:before{content:none}.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{margin-left:-1rem;margin-right:-.875rem}.fr-btn--sm{font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.fr-btn--sm[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--sm.fr-btn--align-on-content{margin-left:-.75rem;margin-right:-.75rem}.fr-btn--sm[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:2rem;max-width:2rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn--sm[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:1rem;margin-left:0;margin-right:.5rem}.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-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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"]: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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{margin-left:-.625rem;margin-right:-.75rem}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:before{content:none}.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-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-icon-]{margin-left:-.75rem;margin-right:-.625rem}.fr-btn--lg{font-size:1.125rem;line-height:1.75rem;min-height:3rem;padding:.5rem 1.5rem}.fr-btn--lg[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg[target=_blank]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-btn--lg.fr-btn--align-on-content{margin-left:-1.5rem;margin-right:-1.5rem}.fr-btn--lg[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:3rem;max-width:3rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn--lg[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:2rem;margin-left:0;margin-right:.5rem}.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-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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"]: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-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.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-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-icon-]{margin-left:-1.3125rem;margin-right:-1.5rem}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:before{content:none}.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-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-icon-]{margin-left:-1.5rem;margin-right:-1.3125rem}.fr-btns-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;align-items:stretch;display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}.fr-btns-group>li{max-width:100%;width:100%}.fr-btns-group .fr-btn{justify-content:center;margin:0 .5rem 1rem;width:calc(100% - 1rem)}.fr-btns-group--inline .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}.fr-btns-group--left,.fr-btns-group--left li{justify-content:flex-start;text-align:left}.fr-btns-group--right,.fr-btns-group--right li{justify-content:flex-end;text-align:right}.fr-btns-group--center,.fr-btns-group--center li{justify-content:center;text-align:center}.fr-btns-group--between,.fr-btns-group--between li{justify-content:space-between;text-align:center}.fr-btns-group--equisized{--equisized-width:auto}.fr-btns-group--equisized .fr-btn{justify-content:center;width:var(--equisized-width)}.fr-btns-group--sm .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]){font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.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-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-icon-]{font-size:.875rem;justify-content:flex-start;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:1rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.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-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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.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-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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.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-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-icon-]:before{content:none}.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-"]){font-size:1rem;line-height:1.5rem;min-height:2.5rem;padding:.5rem 1rem}.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-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-icon-]{font-size:1rem;justify-content:flex-start;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.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-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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.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-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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.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-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-icon-]:before{content:none}.fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]){font-size:1.125rem;line-height:1.75rem;min-height:3rem;padding:.5rem 1.5rem}.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-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-icon-]{font-size:1.125rem;justify-content:flex-start;line-height:1.75rem;max-height:3rem;max-width:3rem;min-height:3rem;overflow:hidden;padding:.5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:2rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:1.125rem;line-height:1.75rem;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.5rem 1.5rem}.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-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-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.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-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-icon-]{font-size:1.125rem;line-height:1.75rem;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.5rem 1.5rem}.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-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-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.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-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-icon-]:before{content:none}.fr-fieldset__element>.fr-btns-group{margin-bottom:-1rem}.fr-btn--close{display:flex;font-size:.875rem;line-height:1.5rem;margin-left:auto;margin-right:-1rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--close:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(../../icons/system/close-line.svg);mask-image:url(../../icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--close:before{content:none}.fr-btn--tooltip{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.fr-btn--tooltip:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/question-line.svg);mask-image:url(../../icons/system/question-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--fullscreen{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--fullscreen:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(../../icons/media/fullscreen-line.svg);mask-image:url(../../icons/media/fullscreen-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--fullscreen:before{content:none}.fr-btn--display{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.fr-btn--display:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/fr--theme-fill.svg);mask-image:url(../../icons/system/fr--theme-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn:disabled,a.fr-btn:not([href]){--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--secondary{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-action-high-blue-france);color:var(--text-action-high-blue-france)}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--tertiary{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-default-grey);color:var(--text-action-high-blue-france)}.fr-btn--tertiary:disabled,a.fr-btn--tertiary:not([href]){--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france)}.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}@media (min-width:36em){
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-btn{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--idle:transparent;--hover:var(--background-action-high-blue-france-hover);--active:var(--background-action-high-blue-france-active);align-items:center;background-color:var(--background-action-high-blue-france);color:var(--text-inverted-blue-france);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:500;line-height:1.5rem;min-height:2.5rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}.fr-btn:after,.fr-btn:before{display:block}.fr-btn[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--align-on-content{margin-left:-1rem;margin-right:-1rem}.fr-btn[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:2.5rem;max-width:2.5rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.fr-btn--align-on-content[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--icon-left[class*=" fr-fi-"],.fr-btn--icon-left[class*=" fr-icon-"],.fr-btn--icon-left[class^=fr-fi-],.fr-btn--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--icon-left[class*=" fr-fi-"]:before,.fr-btn--icon-left[class*=" fr-icon-"]:before,.fr-btn--icon-left[class^=fr-fi-]:before,.fr-btn--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{margin-left:-.875rem;margin-right:-1rem}.fr-btn--icon-right[class*=" fr-fi-"],.fr-btn--icon-right[class*=" fr-icon-"],.fr-btn--icon-right[class^=fr-fi-],.fr-btn--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--icon-right[class*=" fr-fi-"]:after,.fr-btn--icon-right[class*=" fr-icon-"]:after,.fr-btn--icon-right[class^=fr-fi-]:after,.fr-btn--icon-right[class^=fr-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--icon-right[class*=" fr-fi-"]:before,.fr-btn--icon-right[class*=" fr-icon-"]:before,.fr-btn--icon-right[class^=fr-fi-]:before,.fr-btn--icon-right[class^=fr-icon-]:before{content:none}.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{margin-left:-1rem;margin-right:-.875rem}.fr-btn--sm{font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.fr-btn--sm[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--sm.fr-btn--align-on-content{margin-left:-.75rem;margin-right:-.75rem}.fr-btn--sm[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:2rem;max-width:2rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn--sm[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:1rem;margin-left:0;margin-right:.5rem}.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-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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"]: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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{margin-left:-.625rem;margin-right:-.75rem}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:before{content:none}.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-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-icon-]{margin-left:-.75rem;margin-right:-.625rem}.fr-btn--lg{font-size:1.125rem;line-height:1.75rem;min-height:3rem;padding:.5rem 1.5rem}.fr-btn--lg[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg[target=_blank]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-btn--lg.fr-btn--align-on-content{margin-left:-1.5rem;margin-right:-1.5rem}.fr-btn--lg[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:3rem;max-width:3rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn--lg[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:2rem;margin-left:0;margin-right:.5rem}.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-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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"]: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-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.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-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-icon-]{margin-left:-1.3125rem;margin-right:-1.5rem}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:before{content:none}.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-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-icon-]{margin-left:-1.5rem;margin-right:-1.3125rem}.fr-btns-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;align-items:stretch;display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}.fr-btns-group>div,.fr-btns-group>li{max-width:100%;width:100%}.fr-btns-group .fr-btn{justify-content:center;margin:0 .5rem 1rem;width:calc(100% - 1rem)}.fr-btns-group--inline .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}.fr-btns-group--left,.fr-btns-group--left li{justify-content:flex-start;text-align:left}.fr-btns-group--right,.fr-btns-group--right li{justify-content:flex-end;text-align:right}.fr-btns-group--center,.fr-btns-group--center li{justify-content:center;text-align:center}.fr-btns-group--between,.fr-btns-group--between li{justify-content:space-between;text-align:center}.fr-btns-group--equisized{--equisized-width:auto}.fr-btns-group--equisized .fr-btn{justify-content:center;width:var(--equisized-width)}.fr-btns-group--sm .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]){font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.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-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-icon-]{font-size:.875rem;justify-content:flex-start;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:1rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.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-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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.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-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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.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-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-icon-]:before{content:none}.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-"]){font-size:1rem;line-height:1.5rem;min-height:2.5rem;padding:.5rem 1rem}.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-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-icon-]{font-size:1rem;justify-content:flex-start;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.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-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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.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-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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.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-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-icon-]:before{content:none}.fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]){font-size:1.125rem;line-height:1.75rem;min-height:3rem;padding:.5rem 1.5rem}.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-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-icon-]{font-size:1.125rem;justify-content:flex-start;line-height:1.75rem;max-height:3rem;max-width:3rem;min-height:3rem;overflow:hidden;padding:.5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:2rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:1.125rem;line-height:1.75rem;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.5rem 1.5rem}.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-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-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.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-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-icon-]{font-size:1.125rem;line-height:1.75rem;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.5rem 1.5rem}.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-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-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.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-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-icon-]:before{content:none}.fr-fieldset__element>.fr-btns-group{margin-bottom:-1rem}.fr-btn--close{display:flex;font-size:.875rem;line-height:1.5rem;margin-left:auto;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--close:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(../../icons/system/close-line.svg);mask-image:url(../../icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--close:before{content:none}.fr-btn--tooltip{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.fr-btn--tooltip:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/question-line.svg);mask-image:url(../../icons/system/question-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--fullscreen{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--fullscreen:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(../../icons/media/fullscreen-line.svg);mask-image:url(../../icons/media/fullscreen-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--fullscreen:before{content:none}.fr-btn--display{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.fr-btn--display:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/fr--theme-fill.svg);mask-image:url(../../icons/system/fr--theme-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--account{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--account:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(../../icons/user/account-circle-fill.svg);mask-image:url(../../icons/user/account-circle-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--team{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--team:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(../../icons/user/team-line.svg);mask-image:url(../../icons/user/team-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--briefcase{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--briefcase:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(../../icons/business/briefcase-fill.svg);mask-image:url(../../icons/business/briefcase-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn:disabled,a.fr-btn:not([href]){--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--secondary{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-action-high-blue-france);color:var(--text-action-high-blue-france)}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--account,.fr-btn--tertiary{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-default-grey);color:var(--text-action-high-blue-france)}.fr-btn--account:disabled,.fr-btn--tertiary:disabled,a.fr-btn--account:not([href]),a.fr-btn--tertiary:not([href]){--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--briefcase,.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--team,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france)}.fr-btn--briefcase:disabled,.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--team:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--briefcase:not([href]),a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--team:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}@media (min-width:36em){
/*! media sm */.fr-btns-group--inline-sm .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline-sm>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline-sm.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}}@media (min-width:48em){
/*! media md */.fr-btns-group--inline-md .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline-md>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline-md.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}}@media (min-width:62em){
/*! media lg */.fr-btns-group--inline-lg .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline-lg>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline-lg.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}}@media (min-width:78em){
......
design_system_admin/dsfr/component/button/button.main.min.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_build.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_link.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_display.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_font-weight.scss","%3Cinput%20css%20CReMCe%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pattern.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_group.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/tool/_group.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_close.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_tooltip.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_fullscreen.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_display.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss"],"names":[],"mappings":"AAAA;;GAAA,ACsEE,QCmCE,gBAAA,CAAA,iBAAA,CCxEF,oBAAA,CCwBE,yBAAA,CCLI,kBAAA,CAqCJ,uDAAA,CAAA,yDAAA,CCtEA,kBAAA,CDsBA,0DAAA,CAAA,sCAAA,CCjCA,mBAAA,CAOA,kBAAA,CCHF,cAAA,CCOA,eAAA,CDNA,kBAFc,CAMZ,iBAFW,CAkBb,kBAAA,CNkBE,sBAAA,CACA,iBQzBJ,CCXE,6BTsCI,aQxBN,CNkDI,uBQjDA,eAAA,CADA,cAAA,CADA,gBFaJ,CC1BE,6BCiBI,gBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,qBFcN,CRjBE,0BMkBE,iBAAA,CACA,kBEGJ,CIzCa,sNFiCT,iBANa,CAKb,gBALa,CAGb,eAAA,CAIA,kBANY,CAOZ,mBAPY,CAGZ,kBFmBJ,CC9CE,kPCkCI,kBAAA,CACA,aAAA,CACA,kBFeN,CIvDa,8RNqDT,kBAAA,CACA,mBEMJ,CI5Da,kJFST,eAAA,CADA,cAAA,CADA,gBF2DJ,CC9DE,8KCOI,gBAAA,CACA,oBAAA,CACA,kBF0DN,CIvEa,sPNyCT,oBAAA,CACA,kBEkCJ,CI5Ea,sJFmBT,eAAA,CADA,cAAA,CADA,gBFiEJ,CC9EE,8KCiBI,gBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,qBFkEN,CCpFE,kLAGI,YDoFN,CI3Fa,0PN6CT,iBAAA,CACA,qBEkDJ,CR7EE,YMnBA,iBAAA,CACA,kBAFc,CAMZ,eAFW,CAkBb,qBEkFF,CNnCI,2BQjDA,eAAA,CADA,cAAA,CADA,gBF2FJ,CCxGE,iCCiBI,gBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,qBF4FN,CR/FE,qCMkBE,mBAAA,CACA,oBEiFJ,CIvHa,sOFiCT,eANa,CAKb,cALa,CAGb,eAAA,CAIA,kBANY,CAOZ,mBAPY,CAGZ,kBFiGJ,CC5HE,kQCkCI,gBAAA,CACA,aAAA,CACA,kBF6FN,CIrIa,0UNqDT,kBAAA,CACA,mBEoFJ,CI1Ia,8LFST,eAAA,CADA,cAAA,CADA,gBFyIJ,CC5IE,0NCOI,gBAAA,CACA,oBAAA,CACA,kBFwIN,CIrJa,kSNyCT,oBAAA,CACA,oBEgHJ,CI1Ja,kMFmBT,eAAA,CADA,cAAA,CADA,gBF+IJ,CC5JE,0NCiBI,gBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,qBFgJN,CClKE,8NAGI,YDkKN,CIzKa,sSN6CT,mBAAA,CACA,qBEgIJ,CR3JE,YMnBA,kBAAA,CACA,mBAFc,CAMZ,eAFW,CAkBb,oBEgKF,CNjHI,2BQjDA,eAAA,CADA,cAAA,CADA,gBFyKJ,CCtLE,iCCiBI,kBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,sBF0KN,CR7KE,qCMkBE,mBAAA,CACA,oBE+JJ,CIrMa,sOFiCT,eANa,CAKb,cALa,CAGb,eAAA,CAIA,kBANY,CAOZ,mBAPY,CAGZ,kBF+KJ,CC1ME,kQCkCI,gBAAA,CACA,aAAA,CACA,kBF2KN,CInNa,0UNqDT,kBAAA,CACA,mBEkKJ,CIxNa,8LFST,eAAA,CADA,cAAA,CADA,gBFuNJ,CC1NE,0NCOI,kBAAA,CACA,qBAAA,CACA,kBFsNN,CInOa,kSNyCT,sBAAA,CACA,oBE8LJ,CIxOa,kMFmBT,eAAA,CADA,cAAA,CADA,gBF6NJ,CC1OE,0NCiBI,kBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,sBF8NN,CChPE,8NAGI,YDgPN,CIvPa,sSN6CT,mBAAA,CACA,uBE8MJ,CKnQA,eCoBE,cAAA,CACA,cAAA,CACA,YAAA,CACA,YAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CTZE,mBAAA,CARA,YAAA,CAgBA,cAAA,CUNE,kBAHA,CAIA,mBP6RN,CQ/RE,kBAEE,cAAA,CADA,URkSJ,CQ9RE,uBAGE,sBAAA,CDKA,mBAfE,CEwCA,uBTkQN,CQtTE,+BDeI,iBAHA,CAIA,kBAJA,CCVF,cAAA,CADA,UR2TJ,CQtTE,0BACE,mBAAA,CACA,cAAA,CACA,URwTJ,CKpTM,0EACE,0BAAA,CACA,0BLsTR,CKtQI,6CAEE,0BAAA,CACA,eL2TN,CKnTI,+CAEE,wBAAA,CACA,gBLqTN,CK7SI,iDAEE,sBAAA,CACA,iBL+SN,CKvSI,mDAEE,6BAAA,CACA,iBLySN,CKlSE,0BACE,sBLoSJ,CKlSI,kCACE,sBAAA,CACA,4BLoSN,CI7Ya,yHNAX,iBAAA,CACA,kBAFc,CAMZ,eAFW,CAkBb,qBE8XF,CInZa,sdNAX,iBAAA,CO2HQ,0BAAA,CP1HR,kBAFc,CIkCZ,eANa,CAKb,cALa,CJtBb,eAFW,CI2BX,eAAA,CAKA,oBAPY,CAGZ,kBFkYJ,CC7ZE,kfCkCI,gBAAA,CACA,aAAA,CACA,kBF8XN,CItaa,sRNAX,iBAAA,CACA,kBAFc,CIUZ,eAAA,CADA,cAAA,CJHA,eAFW,CIIX,gBAAA,CJcF,qBE2ZF,CC5aE,kTCOI,gBAAA,CACA,oBAAA,CACA,kBFwaN,CIrba,0RNAX,iBAAA,CACA,kBAFc,CIoBZ,eAAA,CADA,cAAA,CJbA,eAFW,CIcX,gBAAA,CJIF,qBE0aF,CC3bE,kTCiBI,gBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,qBF+aN,CCjcE,sTAGI,YDicN,CIxca,qKNAX,cAAA,CACA,kBAFc,CAMZ,iBAFW,CAkBb,kBE0bF,CI/ca,soBNAX,cAAA,CO+JQ,0BAAA,CP9JR,kBAFc,CIkCZ,iBANa,CAKb,gBALa,CJtBb,iBAFW,CI2BX,eAAA,CAKA,aAPY,CAGZ,kBF8bJ,CCzdE,kqBCkCI,kBAAA,CACA,aAAA,CACA,kBF0bN,CIlea,scNAX,cAAA,CACA,kBAFc,CIUZ,eAAA,CADA,cAAA,CJHA,iBAFW,CIIX,gBAAA,CJcF,kBEudF,CCxeE,keCOI,gBAAA,CACA,oBAAA,CACA,kBFoeN,CIjfa,0cNAX,cAAA,CACA,kBAFc,CIoBZ,eAAA,CADA,cAAA,CJbA,iBAFW,CIcX,gBAAA,CJIF,kBEseF,CCvfE,keCiBI,gBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,qBF2eN,CC7fE,seAGI,YD6fN,CIpgBa,yHNAX,kBAAA,CACA,mBAFc,CAMZ,eAFW,CAkBb,oBEsfF,CI3gBa,sdNAX,kBAAA,COmMQ,0BAAA,CPlMR,mBAFc,CIkCZ,eANa,CAKb,cALa,CJtBb,eAFW,CI2BX,eAAA,CAKA,aAPY,CAGZ,kBF0fJ,CCrhBE,kfCkCI,gBAAA,CACA,aAAA,CACA,kBFsfN,CI9hBa,sRNAX,kBAAA,CACA,mBAFc,CIUZ,eAAA,CADA,cAAA,CJHA,eAFW,CIIX,gBAAA,CJcF,oBEmhBF,CCpiBE,kTCOI,kBAAA,CACA,qBAAA,CACA,kBFgiBN,CI7iBa,0RNAX,kBAAA,CACA,mBAFc,CIoBZ,eAAA,CADA,cAAA,CJbA,eAFW,CIcX,gBAAA,CJIF,oBEkiBF,CCnjBE,kTCiBI,kBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,sBFuiBN,CCzjBE,sTAGI,YDyjBN,CKvWE,qCExMI,mBPmjBN,CU3kBA,eAEE,YAAA,CZKA,iBAAA,CACA,kBAFc,CSkBV,gBAXA,CAWA,kBAXA,CLaF,eAAA,CADA,cAAA,CJbA,eAFW,CIcX,gBAAA,CJIF,qBE4jBF,CC7kBE,qBCiBI,gBAAA,CC2BF,6BAAA,CFzCE,UEqD+B,CAdjC,oBAAA,CADA,aAAA,CMIE,uBAAA,CP1BA,iBAnBY,CAkBZ,qBAAA,CS5BJ,yDR0CM,CQzCN,iDRyCM,CQrCN,2BRmD2B,CQlD3B,mBRkD2B,CAHzB,kDAAA,CMDE,sBTyiBN,CCnlBE,sBAGI,YDmlBN,CYjmBA,iBdOE,iBAAA,CACA,kBAFc,CIkCZ,eANa,CAKb,cALa,CJtBb,eAFW,CI2BX,eAAA,CAKA,oBAPY,CAGZ,kBF4lBJ,CCvnBE,wBCkCI,gBAAA,CCUF,6BAAA,CFzCE,UEqD+B,CAdjC,oBAAA,CADA,aAAA,CMIE,uBAAA,CPVA,aAAA,CACA,kBAZU,CSlCd,4DR0CM,CQzCN,oDRyCM,CQrCN,2BRmD2B,CQlD3B,mBRkD2B,CAHzB,kDAAA,CMDE,sBTklBN,CavoBA,oBfOE,iBAAA,CACA,kBAFc,CIoBZ,eAAA,CADA,cAAA,CJbA,eAFW,CIcX,gBAAA,CJIF,qBEsoBF,CCvpBE,0BCiBI,gBAAA,CC2BF,6BAAA,CFzCE,UEqD+B,CAdjC,oBAAA,CADA,aAAA,CMIE,uBAAA,CP1BA,iBAnBY,CAkBZ,qBAAA,CS5BJ,6DR0CM,CQzCN,qDRyCM,CQrCN,2BRmD2B,CQlD3B,mBRkD2B,CAHzB,kDAAA,CMDE,sBTmnBN,CC7pBE,2BAGI,YD6pBN,Cc3qBA,iBhBOE,cAAA,CACA,kBAFc,CIUZ,eAAA,CADA,cAAA,CJHA,iBAFW,CIIX,gBAAA,CJcF,kBE6qBF,CC9rBE,wBCOI,gBAAA,CCqCF,6BAAA,CFzCE,UEqD+B,CAdjC,oBAAA,CADA,aAAA,CMIE,uBAAA,CPrCA,oBAAA,CACA,kBATY,CSVhB,6DR0CM,CQzCN,qDRyCM,CQrCN,2BRmD2B,CQlD3B,mBRkD2B,CAHzB,kDAAA,CMDE,sBTypBN,CehsBW,sCnBiCH,kBAAA,CAqCJ,6CAAA,CAAA,+CAAA,CAhDA,gDAAA,CAAA,+BI0sBJ,CgBnuBI,mBpBwHE,eAAA,CACA,gBAAA,CAHF,4BAAA,CA7FA,gEAAA,CAAA,yCIktBJ,CexuBW,4DnBqHL,eAAA,CACA,gBAAA,CAHF,4BAAA,CA7FA,sDAAA,CAAA,+BIytBJ,CgB7uBI,kBpBmHE,eAAA,CACA,gBAAA,CAHF,4BAAA,CA7FA,qDAAA,CAAA,yCIiuBJ,CevvBW,0DnBqHL,eAAA,CACA,gBAAA,CAHF,4BAAA,CA7FA,sDAAA,CAAA,+BIwuBJ,CgBvvBI,kGpB8GE,eAAA,CACA,gBAAA,CAHF,4BAAA,CA7FA,yCI+uBJ,CerwBW,kTnBqHL,eAAA,CACA,gBAAA,CAHF,4BAAA,CA7FA,+BIqvBJ,CiB/wBI;ECRI,cAAA,CVDN,kCDeI,iBAHA,CAIA,kBAJA,CCVF,cAAA,CADA,UR2UF,CQtUA,6BACE,mBAAA,CACA,cAAA,CACA,URwUF,CKzTQ,6EACE,0BAAA,CACA,0BL2TV,CArVF,CiBSI;ECRI,cAAA,CVDN,kCDeI,iBAHA,CAIA,kBAJA,CCVF,cAAA,CADA,UR4VF,CQvVA,6BACE,mBAAA,CACA,cAAA,CACA,URyVF,CK7TQ,6EACE,0BAAA,CACA,0BL+TV,CAnWF,CiBMI;ECRI,cAAA,CVDN,kCDeI,iBAHA,CAIA,kBAJA,CCVF,cAAA,CADA,UR6WF,CQxWA,6BACE,mBAAA,CACA,cAAA,CACA,UR0WF,CKjUQ,6EACE,0BAAA,CACA,0BLmUV,CAjXF,CiBGI;ECRI,cAAA,ClBQR","file":"button.main.min.css","sourcesContent":[null,"////\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, false);\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 : Reset\n/// @group core\n////\n\n$underline-thickness: 0.0625em;\n\n@mixin a-reset ($minimal: false) {\n text-decoration: var(--text-decoration);\n @if not $minimal {\n color: inherit;\n }\n}\n\n@mixin init-underline() {\n --underline-max-width: 100%;\n --underline-hover-width: 0;\n --underline-idle-width: var(--underline-max-width);\n --underline-x: calc(var(--underline-max-width) * 0);\n --underline-thickness: #{$underline-thickness};\n}\n\n@mixin enable-underline() {\n --underline-img: linear-gradient(0deg, currentColor, currentColor);\n}\n\n@mixin enable-underline-legacy() {\n [href] {\n text-decoration: underline;\n }\n}\n\n@mixin disable-underline() {\n --underline-img: none;\n}\n\n@mixin disable-underline-legacy() {\n [href] {\n text-decoration: none;\n }\n}\n\n@mixin link-underline() {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n}\n\n@mixin link-underline-hover-only() {\n --underline-idle-width: 0;\n}\n\n@mixin hover-underline () {\n &:hover,\n &:active {\n --underline-hover-width: var(--underline-max-width);\n }\n}\n\n@mixin external-link() {\n @include icon-style(after);\n @include icon-size(sm, after);\n @include icon-image(external-link-line, after);\n @include after(var(--external-link-content)) {\n @include margin-left(1v);\n }\n}\n\n@mixin enable-external() {\n --external-link-content: '';\n}\n\n@mixin disable-external() {\n --external-link-content: none;\n}\n\n@mixin target-blank ($unify: false) {\n @if $unify and & {\n &[target=\"_blank\"] {\n @content;\n }\n }\n @else {\n [target=\"_blank\"] {\n @content;\n }\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 '#{&}' != ':root' {\n $associated: selector-associate('#{&}', $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: var(--idle);\n }\n\n @if $active {\n --active-tint: var(--active);\n }\n @else if $active == false {\n --active-tint: var(--idle);\n }\n}\n\n@mixin hover-brighten ($element, $img) {\n @at-root #{$element} {\n &:hover {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten});\n }\n }\n\n &:active {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2});\n }\n }\n }\n}\n\n@mixin hover-brighten-filter () {\n filter: brightness(var(--brightness));\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin 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: token.normalise($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: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\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 background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include 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 transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\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 background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include 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 text($tokens, $options) {\n @include element(color, text, $tokens, $options);\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 text-fill($tokens, $options) {\n @include element(-webkit-text-fill-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 fill($tokens, $options) {\n @include 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 border($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 element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\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 outline($tokens, $options, $value:1px solid $COLOR) {\n @include 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 box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($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 element(box-shadow, border, $tokens, $options, spacing.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 no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\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/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\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: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.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: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.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: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Core Tool : Typography font-weight\n/// @group core\n////\n\n/// Return font-weight value from font-weight map.\n///\n/// @param {String} $scale ['regular'] - Type scale value from `$weight-scale` (Default to 'regular' = 400)\n///\n/// @example scss - Set font-weight to bold (700)\n/// .foo {\n/// font-weight: font-weight('bold');\n/// }\n\n@function font-weight($scale: regular) {\n @return map-get($font-weight-scale, $scale);\n}\n\n@mixin font-weight($scale) {\n font-weight: font-weight($scale);\n}\n\n@mixin build-utillity-font-weight() {\n $fontWeightValues: map-get($font-weight-vars, values);\n @if $fontWeightValues == 'all' {\n $fontWeightValues: map-keys($font-weight-names);\n }\n @each $weight in $fontWeightValues {\n $name: map-get($font-weight-names, $weight);\n #{ns('text--' + $name)} {\n font-weight: #{$weight} !important;\n }\n }\n}\n","@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\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\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\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/// 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/// Link Tool : icons\n/// @group link\n////\n\n@use 'module/spacing';\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $override-icon: true) {\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 $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: spacing.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 --icon-size: #{$icon-size};\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include icon-content(false, $override-icon) {\n --icon-size: #{$icon-size};\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n }\n }\n @else if $place == only {\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\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 --icon-size: #{$icon-size};\n margin-left: 0;\n margin-right: $padding-x;\n }\n }\n}\n","////\n/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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 spacing.space(map-get($icon-size-map, $size));\n}\n\n@function get-icon-url($icon, $important: false) {\n $config: map-get($icons-config, $icon);\n $url: url('#{path.dist()}#{map-get($config, path)}');\n @return specificity.important($url, $important);\n}\n\n@function get-icon-pseudo($restrain) {\n @if $restrain == before or $restrain == after {\n @return $restrain;\n }\n @return before after;\n}\n\n@mixin _icon-pseudo ($restrain: null) {\n @include _pseudo(get-icon-pseudo($restrain)) {\n @content;\n }\n}\n\n@mixin icon-size ($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n --icon-size: #{icon-size($size)};\n @content;\n }\n}\n\n@mixin icon-image ($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n\n @include _icon-pseudo($restrain) {\n @include mask-image($url);\n }\n}\n\n@mixin icon-style($restrain: null) {\n @include _icon-pseudo($restrain) {\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 @include size(var(--icon-size), var(--icon-size));\n @include mask-image-size(100% 100%);\n @content;\n }\n}\n\n@mixin icon-content($is-before: true, $override: false) {\n $pseudos: before after;\n @if not $is-before {\n $pseudos: after before;\n }\n @include _pseudo(nth($pseudos, 1), '') {\n @content;\n }\n @if $override {\n @include _pseudo(nth($pseudos, 2), none);\n }\n}\n\n@mixin icon($icon: null, $size: md, $restrain: null, $styling: true, $is-before: $restrain != after, $override: false) {\n @if $styling {\n @include icon-style($restrain);\n }\n\n @if $icon != null {\n @include icon-image($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size($size, $restrain);\n }\n\n @if $is-before != null {\n @include icon-content($is-before, $override) {\n @content;\n }\n }\n}\n\n@function filter-icons($category, $config: $icons-config) {\n $filtered: ();\n @each $icon, $setting in $config {\n @if map-get($setting, category) == $category {\n $filtered: map-merge($filtered, (#{$icon}: $setting));\n }\n }\n @return $filtered;\n}\n\n@mixin generate-icons($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image($icon);\n }\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/// Buttons-group Module\n/// @group button\n////\n\n#{ns-group(btns)} {\n @include disable-list-style;\n @include display-flex(null, stretch, null, wrap);\n @include vertical-btns-group;\n @include margin-x(-2v);\n\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 &--inline {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n\n &-sm {\n @include respond-from(sm) {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n }\n }\n\n &-md {\n @include respond-from(md) {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n }\n }\n\n &-lg {\n @include respond-from(lg) {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n }\n }\n }\n\n /**\n * fr-btns-group--left : (Défaut) aligne les boutons sur la gauche (en lecture L-t-R)\n */\n &--left {\n &,\n li {\n justify-content: flex-start;\n text-align: left;\n }\n }\n\n /**\n * fr-btns-group--right : aligne les boutons sur la droite\n */\n &--right {\n &,\n li {\n justify-content: flex-end;\n text-align: right;\n }\n }\n\n /**\n * fr-btns-group--center : aligne les boutons au centre du conteneur\n */\n &--center {\n &,\n li {\n justify-content: center;\n text-align: center;\n }\n }\n\n /**\n * fr-btns-group--center : aligne les boutons au centre du conteneur\n */\n &--between {\n &,\n li {\n justify-content: space-between;\n text-align: center;\n }\n }\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 &--equisized {\n --equisized-width: auto;\n\n #{ns(btn)} {\n justify-content: center;\n width: var(--equisized-width);\n }\n }\n\n /**\n * fr-btns-group--sm : Fixe les boutons à la taille SM\n */\n &--sm {\n #{ns(btn)} {\n @include has-not-icon {\n @include nest-btn(sm, false, null, null, false);\n }\n }\n\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(sm, only, null, null, false);\n justify-content: flex-start;\n }\n }\n }\n\n &#{ns-group(btns)}--icon-left {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(sm, left, null, null, false);\n }\n }\n }\n\n &#{ns-group(btns)}--icon-right {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(sm, right, null, null, false);\n }\n }\n }\n }\n\n /**\n * fr-btns-group--md : (défaut) Fixe les boutons à la taille MD\n */\n &:not(#{ns-group(btns)}--sm):not(#{ns-group(btns)}--lg) {\n #{ns(btn)} {\n @include has-not-icon {\n @include nest-btn(md, false, null, null, false);\n }\n }\n\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(md, only, null, null, false);\n justify-content: flex-start;\n }\n }\n }\n\n &#{ns-group(btns)}--icon-left {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(md, left, null, null, false);\n }\n }\n }\n\n &#{ns-group(btns)}--icon-right {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(md, right, null, null, false);\n }\n }\n }\n }\n\n /**\n * fr-btns-group--lg : Fixe les boutons à la taille LG (sans modfifieur => MD)\n */\n &--lg {\n #{ns(btn)} {\n @include has-not-icon {\n @include nest-btn(lg, false, null, null, false);\n }\n }\n\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(lg, only, null, null, false);\n justify-content: flex-start;\n }\n }\n }\n\n &#{ns-group(btns)}--icon-left {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(lg, left, null, null, false);\n }\n }\n }\n\n &#{ns-group(btns)}--icon-right {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(lg, right, null, null, false);\n }\n }\n }\n }\n\n #{ns(fieldset__element)} > & {\n @include margin-bottom(-4v);\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: disc;\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@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\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: spacing.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/// Button Tool - group\n/// @group button\n////\n\n@mixin horizontal-btns-group() {\n #{ns(btn)} {\n width: auto;\n max-width: 100%;\n @include margin-x(2v);\n }\n\n > li {\n display: inline-flex;\n max-width: 100%;\n width: auto;\n }\n}\n\n@mixin vertical-btns-group() {\n > li {\n width: 100%;\n max-width: 100%;\n }\n\n #{ns(btn)} {\n @include size(calc(100% - 4v));\n @include margin(0 2v 4v);\n justify-content: center;\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Button Module - Close\n/// @group button\n////\n\n#{ns(btn--close)} {\n @include nest-btn(sm, right, close-line, null, false);\n display: flex;\n @include margin-left(auto);\n @include margin-right(-4v);\n}\n","////\n/// Core Tool : mask-image\n/// @group core\n////\n\n@mixin mask-image($value) {\n -webkit-mask-image: $value;\n mask-image: $value;\n}\n\n@mixin mask-image-size($value) {\n -webkit-mask-size: $value;\n mask-size: $value;\n}\n\n@mixin mask-image-position($value) {\n -webkit-mask-position: $value;\n mask-position: $value;\n}\n","////\n/// Button Module - Tooltip\n/// @group button\n////\n\n#{ns(btn--tooltip)} {\n @include nest-btn(sm, only, question-line, null, false);\n}\n","////\n/// Button Module - Fullscreen\n/// @group button\n////\n\n#{ns(btn--fullscreen)} {\n @include nest-btn(sm, right, fullscreen-line, null, false);\n}\n","////\n/// Button Module - Display\n/// @group button\n////\n\n#{ns(btn--display)} {\n @include nest-btn(md, left, theme-fill, null, false);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\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 selector($options: (), $colors: null) {\n $selectors: '&:disabled';\n @if map.get($options, can-be-link) {\n $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @if $colors != null {\n @include colors.colors($colors);\n }\n @content;\n }\n}\n","////\n/// button Scheme\n/// @group button\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _button-scheme($legacy: false) {\n #{ns(btn)} {\n @include color.background(action-high blue-france, (legacy:$legacy, hover: true));\n @include color.text(inverted blue-france, (legacy:$legacy));\n\n @include disabled.selector((can-be-link: true), (legacy: $legacy, text: true, background: true));\n\n // Outline variant\n &--secondary {\n @include btn-kind-scheme(2, $legacy);\n }\n\n // Grey outline variant\n &--tertiary {\n @include btn-kind-scheme(3, $legacy);\n }\n\n // Ghost variant\n &--tertiary-no-outline,\n &--close,\n &--display,\n &--fullscreen,\n &--tooltip {\n @include btn-kind-scheme(4, $legacy);\n }\n }\n}\n","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_build.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_link.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/action/tool/_hover.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_display.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_font-weight.scss","%3Cinput%20css%20U6BR42%3E","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/component/link/style/tool/_icon.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pattern.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_group.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_list.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/tool/_group.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_size.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_close.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_tooltip.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_fullscreen.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_display.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_account.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_team.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/module/_briefcase.scss","file:///Users/ket/Documents/work/dsfr/module/disabled/mixin/_selector.scss","file:///Users/ket/Documents/work/dsfr/src/component/button/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss"],"names":[],"mappings":"AAAA;;GAAA,AC2EE,QC8BE,gBAAA,CAAA,iBAAA,CCxEF,oBAAA,CCwBE,yBAAA,CCLI,kBAAA,CAqCJ,uDAAA,CAAA,yDAAA,CCtEA,kBAAA,CDsBA,0DAAA,CAAA,sCAAA,CCjCA,mBAAA,CAOA,kBAAA,CCHF,cAAA,CCOA,eAAA,CDNA,kBAFc,CAMZ,iBAFW,CAkBb,kBAAA,CNsBE,sBAAA,CACA,iBQ7BJ,CCXE,6BT0CI,aQ5BN,CNkDI,uBQjDA,eAAA,CADA,cAAA,CADA,gBFaJ,CC1BE,6BCiBI,gBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,qBFcN,CRbE,0BMcE,iBAAA,CACA,kBEGJ,CIzCa,sNFiCT,iBANa,CAKb,gBALa,CAGb,eAAA,CAIA,kBANY,CAOZ,mBAPY,CAGZ,kBFmBJ,CC9CE,kPCkCI,kBAAA,CACA,aAAA,CACA,kBFeN,CIvDa,8RNqDT,kBAAA,CACA,mBEMJ,CI5Da,kJFST,eAAA,CADA,cAAA,CADA,gBF2DJ,CC9DE,8KCOI,gBAAA,CACA,oBAAA,CACA,kBF0DN,CIvEa,sPNyCT,oBAAA,CACA,kBEkCJ,CI5Ea,sJFmBT,eAAA,CADA,cAAA,CADA,gBFiEJ,CC9EE,8KCiBI,gBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,qBFkEN,CCpFE,kLAGI,YDoFN,CI3Fa,0PN6CT,iBAAA,CACA,qBEkDJ,CRzEE,YMvBA,iBAAA,CACA,kBAFc,CAMZ,eAFW,CAkBb,qBEkFF,CNnCI,2BQjDA,eAAA,CADA,cAAA,CADA,gBF2FJ,CCxGE,iCCiBI,gBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,qBF4FN,CR3FE,qCMcE,mBAAA,CACA,oBEiFJ,CIvHa,sOFiCT,eANa,CAKb,cALa,CAGb,eAAA,CAIA,kBANY,CAOZ,mBAPY,CAGZ,kBFiGJ,CC5HE,kQCkCI,gBAAA,CACA,aAAA,CACA,kBF6FN,CIrIa,0UNqDT,kBAAA,CACA,mBEoFJ,CI1Ia,8LFST,eAAA,CADA,cAAA,CADA,gBFyIJ,CC5IE,0NCOI,gBAAA,CACA,oBAAA,CACA,kBFwIN,CIrJa,kSNyCT,oBAAA,CACA,oBEgHJ,CI1Ja,kMFmBT,eAAA,CADA,cAAA,CADA,gBF+IJ,CC5JE,0NCiBI,gBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,qBFgJN,CClKE,8NAGI,YDkKN,CIzKa,sSN6CT,mBAAA,CACA,qBEgIJ,CRvJE,YMvBA,kBAAA,CACA,mBAFc,CAMZ,eAFW,CAkBb,oBEgKF,CNjHI,2BQjDA,eAAA,CADA,cAAA,CADA,gBFyKJ,CCtLE,iCCiBI,kBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,sBF0KN,CRzKE,qCMcE,mBAAA,CACA,oBE+JJ,CIrMa,sOFiCT,eANa,CAKb,cALa,CAGb,eAAA,CAIA,kBANY,CAOZ,mBAPY,CAGZ,kBF+KJ,CC1ME,kQCkCI,gBAAA,CACA,aAAA,CACA,kBF2KN,CInNa,0UNqDT,kBAAA,CACA,mBEkKJ,CIxNa,8LFST,eAAA,CADA,cAAA,CADA,gBFuNJ,CC1NE,0NCOI,kBAAA,CACA,qBAAA,CACA,kBFsNN,CInOa,kSNyCT,sBAAA,CACA,oBE8LJ,CIxOa,kMFmBT,eAAA,CADA,cAAA,CADA,gBF6NJ,CC1OE,0NCiBI,kBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,sBF8NN,CChPE,8NAGI,YDgPN,CIvPa,sSN6CT,mBAAA,CACA,uBE8MJ,CKnQA,eCoBE,cAAA,CACA,cAAA,CACA,YAAA,CACA,YAAA,CACA,YAAA,CACA,aAAA,CACA,iBAAA,CTZE,mBAAA,CARA,YAAA,CAgBA,cAAA,CUNE,kBAHA,CAIA,mBP6RN,CQ/RE,qCAGE,cAAA,CADA,URkSJ,CQ9RE,uBAGE,sBAAA,CDIA,mBAfE,CEwCA,uBTmQN,CQvTE,+BDeI,iBAHA,CAIA,kBAJA,CCVF,cAAA,CADA,UR4TJ,CQvTE,0BACE,mBAAA,CACA,cAAA,CACA,URyTJ,CKrTM,0EACE,0BAAA,CACA,0BLuTR,CKvQI,6CAEE,0BAAA,CACA,eL4TN,CKpTI,+CAEE,wBAAA,CACA,gBLsTN,CK9SI,iDAEE,sBAAA,CACA,iBLgTN,CKxSI,mDAEE,6BAAA,CACA,iBL0SN,CKnSE,0BACE,sBLqSJ,CKnSI,kCACE,sBAAA,CACA,4BLqSN,CI9Ya,yHNAX,iBAAA,CACA,kBAFc,CAMZ,eAFW,CAkBb,qBE+XF,CIpZa,sdNAX,iBAAA,CO2HQ,0BAAA,CP1HR,kBAFc,CIkCZ,eANa,CAKb,cALa,CJtBb,eAFW,CI2BX,eAAA,CAKA,oBAPY,CAGZ,kBFmYJ,CC9ZE,kfCkCI,gBAAA,CACA,aAAA,CACA,kBF+XN,CIvaa,sRNAX,iBAAA,CACA,kBAFc,CIUZ,eAAA,CADA,cAAA,CJHA,eAFW,CIIX,gBAAA,CJcF,qBE4ZF,CC7aE,kTCOI,gBAAA,CACA,oBAAA,CACA,kBFyaN,CItba,0RNAX,iBAAA,CACA,kBAFc,CIoBZ,eAAA,CADA,cAAA,CJbA,eAFW,CIcX,gBAAA,CJIF,qBE2aF,CC5bE,kTCiBI,gBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,qBFgbN,CClcE,sTAGI,YDkcN,CIzca,qKNAX,cAAA,CACA,kBAFc,CAMZ,iBAFW,CAkBb,kBE2bF,CIhda,soBNAX,cAAA,CO+JQ,0BAAA,CP9JR,kBAFc,CIkCZ,iBANa,CAKb,gBALa,CJtBb,iBAFW,CI2BX,eAAA,CAKA,aAPY,CAGZ,kBF+bJ,CC1dE,kqBCkCI,kBAAA,CACA,aAAA,CACA,kBF2bN,CInea,scNAX,cAAA,CACA,kBAFc,CIUZ,eAAA,CADA,cAAA,CJHA,iBAFW,CIIX,gBAAA,CJcF,kBEwdF,CCzeE,keCOI,gBAAA,CACA,oBAAA,CACA,kBFqeN,CIlfa,0cNAX,cAAA,CACA,kBAFc,CIoBZ,eAAA,CADA,cAAA,CJbA,iBAFW,CIcX,gBAAA,CJIF,kBEueF,CCxfE,keCiBI,gBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,qBF4eN,CC9fE,seAGI,YD8fN,CIrgBa,yHNAX,kBAAA,CACA,mBAFc,CAMZ,eAFW,CAkBb,oBEufF,CI5gBa,sdNAX,kBAAA,COmMQ,0BAAA,CPlMR,mBAFc,CIkCZ,eANa,CAKb,cALa,CJtBb,eAFW,CI2BX,eAAA,CAKA,aAPY,CAGZ,kBF2fJ,CCthBE,kfCkCI,gBAAA,CACA,aAAA,CACA,kBFufN,CI/hBa,sRNAX,kBAAA,CACA,mBAFc,CIUZ,eAAA,CADA,cAAA,CJHA,eAFW,CIIX,gBAAA,CJcF,oBEohBF,CCriBE,kTCOI,kBAAA,CACA,qBAAA,CACA,kBFiiBN,CI9iBa,0RNAX,kBAAA,CACA,mBAFc,CIoBZ,eAAA,CADA,cAAA,CJbA,eAFW,CIcX,gBAAA,CJIF,oBEmiBF,CCpjBE,kTCiBI,kBAAA,CDdA,UEqD+B,CDrC/B,iBAnBY,CAkBZ,sBFwiBN,CC1jBE,sTAGI,YD0jBN,CKxWE,qCExMI,mBPojBN,CU5kBA,eAEE,YAAA,CZKA,iBAAA,CACA,kBAFc,CSkBV,gBAXA,CLaF,eAAA,CADA,cAAA,CJbA,eAFW,CIcX,gBAAA,CJIF,qBE4jBF,CC7kBE,qBCiBI,gBAAA,CC2BF,6BAAA,CFzCE,UEqD+B,CAdjC,oBAAA,CADA,aAAA,CMIE,uBAAA,CP1BA,iBAnBY,CAkBZ,qBAAA,CS5BJ,yDR0CM,CQzCN,iDRyCM,CQrCN,2BRmD2B,CQlD3B,mBRkD2B,CAHzB,kDAAA,CMDE,sBTyiBN,CCnlBE,sBAGI,YDmlBN,CYjmBA,iBdOE,iBAAA,CACA,kBAFc,CIkCZ,eANa,CAKb,cALa,CJtBb,eAFW,CI2BX,eAAA,CAKA,oBAPY,CAGZ,kBF4lBJ,CCvnBE,wBCkCI,gBAAA,CCUF,6BAAA,CFzCE,UEqD+B,CAdjC,oBAAA,CADA,aAAA,CMIE,uBAAA,CPVA,aAAA,CACA,kBAZU,CSlCd,4DR0CM,CQzCN,oDRyCM,CQrCN,2BRmD2B,CQlD3B,mBRkD2B,CAHzB,kDAAA,CMDE,sBTklBN,CavoBA,oBfOE,iBAAA,CACA,kBAFc,CIoBZ,eAAA,CADA,cAAA,CJbA,eAFW,CIcX,gBAAA,CJIF,qBEsoBF,CCvpBE,0BCiBI,gBAAA,CC2BF,6BAAA,CFzCE,UEqD+B,CAdjC,oBAAA,CADA,aAAA,CMIE,uBAAA,CP1BA,iBAnBY,CAkBZ,qBAAA,CS5BJ,6DR0CM,CQzCN,qDRyCM,CQrCN,2BRmD2B,CQlD3B,mBRkD2B,CAHzB,kDAAA,CMDE,sBTmnBN,CC7pBE,2BAGI,YD6pBN,Cc3qBA,iBhBOE,cAAA,CACA,kBAFc,CIUZ,eAAA,CADA,cAAA,CJHA,iBAFW,CIIX,gBAAA,CJcF,kBE6qBF,CC9rBE,wBCOI,gBAAA,CCqCF,6BAAA,CFzCE,UEqD+B,CAdjC,oBAAA,CADA,aAAA,CMIE,uBAAA,CPrCA,oBAAA,CACA,kBATY,CSVhB,6DR0CM,CQzCN,qDRyCM,CQrCN,2BRmD2B,CQlD3B,mBRkD2B,CAHzB,kDAAA,CMDE,sBTypBN,Ce9sBA,iBjBOE,iBAAA,CACA,kBAFc,CIUZ,eAAA,CADA,cAAA,CJHA,eAFW,CIIX,gBAAA,CJcF,qBE6sBF,CC9tBE,wBCOI,gBAAA,CCqCF,6BAAA,CFzCE,UEqD+B,CAdjC,oBAAA,CADA,aAAA,CMIE,uBAAA,CPrCA,oBAAA,CACA,kBATY,CSVhB,gER0CM,CQzCN,wDRyCM,CQrCN,2BRmD2B,CQlD3B,mBRkD2B,CAHzB,kDAAA,CMDE,sBTyrBN,CgB9uBA,clBOE,iBAAA,CACA,kBAFc,CIUZ,eAAA,CADA,cAAA,CJHA,eAFW,CIIX,gBAAA,CJcF,qBE6uBF,CC9vBE,qBCOI,gBAAA,CCqCF,6BAAA,CFzCE,UEqD+B,CAdjC,oBAAA,CADA,aAAA,CMIE,uBAAA,CPrCA,oBAAA,CACA,kBATY,CSVhB,sDR0CM,CQzCN,8CRyCM,CQrCN,2BRmD2B,CQlD3B,mBRkD2B,CAHzB,kDAAA,CMDE,sBTytBN,CiB9wBA,mBnBOE,iBAAA,CACA,kBAFc,CIUZ,eAAA,CADA,cAAA,CJHA,eAFW,CIIX,gBAAA,CJcF,qBE6wBF,CC9xBE,0BCOI,gBAAA,CCqCF,6BAAA,CFzCE,UEqD+B,CAdjC,oBAAA,CADA,aAAA,CMIE,uBAAA,CPrCA,oBAAA,CACA,kBATY,CSVhB,+DR0CM,CQzCN,uDRyCM,CQrCN,2BRmD2B,CQlD3B,mBRkD2B,CAHzB,kDAAA,CMDE,sBTyvBN,CkBhyBW,sCtBiCH,kBAAA,CAqCJ,6CAAA,CAAA,+CAAA,CAhDA,gDAAA,CAAA,+BI0yBJ,CmBn0BI,mBvBwHE,eAAA,CACA,gBAAA,CAHF,4BAAA,CA7FA,gEAAA,CAAA,yCIkzBJ,CkBx0BW,4DtBqHL,eAAA,CACA,gBAAA,CAHF,4BAAA,CA7FA,sDAAA,CAAA,+BIyzBJ,CmB70BI,mCvBmHE,eAAA,CACA,gBAAA,CAHF,4BAAA,CA7FA,qDAAA,CAAA,yCIi0BJ,CkBv1BW,kHtBqHL,eAAA,CACA,gBAAA,CAHF,4BAAA,CA7FA,sDAAA,CAAA,+BIw0BJ,CmBt1BI,mIvB6GE,eAAA,CACA,gBAAA,CAHF,4BAAA,CA7FA,yCI+0BJ,CkBr2BW,gatBqHL,eAAA,CACA,gBAAA,CAHF,4BAAA,CA7FA,+BIq1BJ,CoB/2BI;ECRI,cAAA,CbDN,kCDeI,iBAHA,CAIA,kBAJA,CCVF,cAAA,CADA,UR4UF,CQvUA,6BACE,mBAAA,CACA,cAAA,CACA,URyUF,CK1TQ,6EACE,0BAAA,CACA,0BL4TV,CAtVF,CoBSI;ECRI,cAAA,CbDN,kCDeI,iBAHA,CAIA,kBAJA,CCVF,cAAA,CADA,UR6VF,CQxVA,6BACE,mBAAA,CACA,cAAA,CACA,UR0VF,CK9TQ,6EACE,0BAAA,CACA,0BLgUV,CApWF,CoBMI;ECRI,cAAA,CbDN,kCDeI,iBAHA,CAIA,kBAJA,CCVF,cAAA,CADA,UR8WF,CQzWA,6BACE,mBAAA,CACA,cAAA,CACA,UR2WF,CKlUQ,6EACE,0BAAA,CACA,0BLoUV,CAlXF,CoBGI;ECRI,cAAA,CrBQR","file":"button.main.min.css","sourcesContent":[null,"////\n/// Link Tool : build\n/// @group link\n////\n\n@mixin _link-class($base, $size: md, $place: null, $align-on-content: false, $append: '') {\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 @if $append != '' {\n $selector: '#{$selector} #{$append}';\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 $append: map-get($settings, append);\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, null, false, $append) {\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, false);\n }\n }\n }\n\n @if $align-on-content {\n @include _link-class($base, $size, null, true, $append) {\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, false, $append) {\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, $append) {\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, false, $append) {\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 : Reset\n/// @group core\n////\n\n$underline-thickness: 0.0625em;\n\n@mixin a-reset ($minimal: false) {\n text-decoration: var(--text-decoration);\n @if not $minimal {\n color: inherit;\n }\n}\n\n@mixin init-underline() {\n --underline-max-width: 100%;\n --underline-hover-width: 0;\n --underline-idle-width: var(--underline-max-width);\n --underline-x: calc(var(--underline-max-width) * 0);\n --underline-thickness: #{$underline-thickness};\n}\n\n@mixin enable-underline() {\n --underline-img: linear-gradient(0deg, currentColor, currentColor);\n}\n\n@mixin enable-underline-legacy() {\n [href] {\n text-decoration: underline;\n }\n}\n\n@mixin disable-underline() {\n --underline-img: none;\n}\n\n@mixin disable-underline-legacy() {\n [href] {\n text-decoration: none;\n }\n}\n\n@mixin link-underline() {\n background-image: var(--underline-img), var(--underline-img);\n background-position: var(--underline-x) 100%, var(--underline-x) calc(100% - var(--underline-thickness));\n background-repeat: no-repeat, no-repeat;\n transition: background-size 0s;\n background-size: var(--underline-hover-width) calc(var(--underline-thickness) * 2), var(--underline-idle-width) var(--underline-thickness);\n}\n\n@mixin link-underline-hover-only() {\n --underline-idle-width: 0;\n}\n\n@mixin hover-underline () {\n &:hover,\n &:active {\n --underline-hover-width: var(--underline-max-width);\n }\n}\n\n@mixin external-link() {\n @include icon-style(after);\n @include icon-size(sm, after);\n @include icon-image(external-link-line, after);\n @include after(var(--external-link-content)) {\n @include margin-left(1v);\n }\n}\n\n@mixin enable-external() {\n --external-link-content: '';\n}\n\n@mixin disable-external() {\n --external-link-content: none;\n}\n\n@mixin target-blank ($unify: false) {\n @if $unify and & {\n &[target=\"_blank\"] {\n @content;\n }\n }\n @else {\n [target=\"_blank\"] {\n @content;\n }\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 '#{&}' != ':root' {\n $associated: selector-associate('#{&}', $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: var(--idle);\n }\n\n @if $active {\n --active-tint: var(--active);\n }\n @else if $active == false {\n --active-tint: var(--idle);\n }\n}\n\n@mixin hover-brighten ($element, $img) {\n @at-root #{$element} {\n &:hover {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten});\n }\n }\n\n &:active {\n #{$img} {\n --brightness: calc(100% + var(--brighten) * #{$hover-brighten * 2});\n }\n }\n }\n}\n\n@mixin hover-brighten-filter () {\n filter: brightness(var(--brightness));\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin 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 == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($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: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\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 background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include 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 transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\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 background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include 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 text($tokens, $options) {\n @include element(color, text, $tokens, $options);\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 text-fill($tokens, $options) {\n @include element(-webkit-text-fill-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 fill($tokens, $options) {\n @include 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 border($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 element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\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 outline($tokens, $options, $value:1px solid $COLOR) {\n @include 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 box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($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 element(box-shadow, border, $tokens, $options, spacing.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 no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\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/// Link Tool : sizes\n/// @group link\n////\n\n@use \"sass:math\";\n@use 'module/spacing';\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: spacing.space(map_get($style, line-height));\n font-size: spacing.space($font-size);\n line-height: $line-height;\n\n $min-height: spacing.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: math.max($line-height, $max-icon-height);\n $padding-x: spacing.space(map_get($size-settings, padding-x));\n $padding-y: math.max(($min-height - $space-y) * 0.5, 0);\n\n padding: #{$padding-y} #{$padding-x};\n\n @if $border-radius {\n border-radius: #{$min-height * 0.5};\n }\n}\n\n@function _link-icon-margin($size) {\n @return math.div(icon-size($size), 8);\n}\n\n@mixin _link-align-on-content($size, $place, $size-settings) {\n $padding-x: spacing.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: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\n\n margin-left: -($padding-x);\n margin-right: -($padding-x);\n }\n}\n","////\n/// Core Tool : Typography font-weight\n/// @group core\n////\n\n/// Return font-weight value from font-weight map.\n///\n/// @param {String} $scale ['regular'] - Type scale value from `$weight-scale` (Default to 'regular' = 400)\n///\n/// @example scss - Set font-weight to bold (700)\n/// .foo {\n/// font-weight: font-weight('bold');\n/// }\n\n@function font-weight($scale: regular) {\n @return map-get($font-weight-scale, $scale);\n}\n\n@mixin font-weight($scale) {\n font-weight: font-weight($scale);\n}\n\n@mixin build-utillity-font-weight() {\n $fontWeightValues: map-get($font-weight-vars, values);\n @if $fontWeightValues == 'all' {\n $fontWeightValues: map-keys($font-weight-names);\n }\n @each $weight in $fontWeightValues {\n $name: map-get($font-weight-names, $weight);\n #{ns('text--' + $name)} {\n font-weight: #{$weight} !important;\n }\n }\n}\n","@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\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\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\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.fr-btns-group > div {\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}\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--account {\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--account::before {\n --icon-size: 1rem;\n margin-left: -0.125rem;\n margin-right: 0.5rem;\n}\n.fr-btn--account::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--account::before {\n -webkit-mask-image: url(\"../../icons/user/account-circle-fill.svg\");\n mask-image: url(\"../../icons/user/account-circle-fill.svg\");\n}\n.fr-btn--account::before {\n content: \"\";\n}\n\n.fr-btn--team {\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--team::before {\n --icon-size: 1rem;\n margin-left: -0.125rem;\n margin-right: 0.5rem;\n}\n.fr-btn--team::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--team::before {\n -webkit-mask-image: url(\"../../icons/user/team-line.svg\");\n mask-image: url(\"../../icons/user/team-line.svg\");\n}\n.fr-btn--team::before {\n content: \"\";\n}\n\n.fr-btn--briefcase {\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--briefcase::before {\n --icon-size: 1rem;\n margin-left: -0.125rem;\n margin-right: 0.5rem;\n}\n.fr-btn--briefcase::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--briefcase::before {\n -webkit-mask-image: url(\"../../icons/business/briefcase-fill.svg\");\n mask-image: url(\"../../icons/business/briefcase-fill.svg\");\n}\n.fr-btn--briefcase::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, .fr-btn--account {\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]), a.fr-btn--account:not([href]), .fr-btn--account:disabled {\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, .fr-btn--briefcase, .fr-btn--team {\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]), a.fr-btn--briefcase:not([href]), a.fr-btn--team:not([href]), .fr-btn--close:disabled, .fr-btn--display:disabled, .fr-btn--fullscreen:disabled, .fr-btn--tooltip:disabled, .fr-btn--briefcase:disabled, .fr-btn--team:disabled {\n color: var(--text-disabled-grey);\n background-color: transparent;\n --hover: inherit;\n --active: inherit;\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/// Link Tool : icons\n/// @group link\n////\n\n@use 'module/spacing';\n\n@mixin _build-link-icon($size-settings, $place, $size:md, $override-icon: true) {\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 $icon-margin: _link-icon-margin(map_get($size-settings, icon));\n $icon-margin-x: spacing.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 --icon-size: #{$icon-size};\n margin-left: -($icon-margin);\n margin-right: $icon-margin-x;\n }\n }\n @else if $place == right {\n overflow: initial;\n max-width: 100%;\n max-height: none;\n @include icon-content(false, $override-icon) {\n --icon-size: #{$icon-size};\n margin-right: -($icon-margin);\n margin-left: $icon-margin-x;\n }\n }\n @else if $place == only {\n $min-height: spacing.space(map_get($size-settings, min-height));\n $padding-x: ($min-height - $icon-size) * 0.5;\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 --icon-size: #{$icon-size};\n margin-left: 0;\n margin-right: $padding-x;\n }\n }\n}\n","////\n/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\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 spacing.space(map-get($icon-size-map, $size));\n}\n\n@function get-icon-url($icon, $important: false) {\n $config: map-get($icons-config, $icon);\n $url: url('#{path.dist()}#{map-get($config, path)}');\n @return specificity.important($url, $important);\n}\n\n@function get-icon-pseudo($restrain) {\n @if $restrain == before or $restrain == after {\n @return $restrain;\n }\n @return before after;\n}\n\n@mixin _icon-pseudo ($restrain: null) {\n @include _pseudo(get-icon-pseudo($restrain)) {\n @content;\n }\n}\n\n@mixin icon-size ($size:md, $restrain: null) {\n @include _icon-pseudo($restrain) {\n --icon-size: #{icon-size($size)};\n @content;\n }\n}\n\n@mixin icon-image ($icon, $restrain: null, $important: false) {\n $url: get-icon-url($icon, $important);\n\n @include _icon-pseudo($restrain) {\n @include mask-image($url);\n }\n}\n\n@mixin icon-style($restrain: null) {\n @include _icon-pseudo($restrain) {\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 @include size(var(--icon-size), var(--icon-size));\n @include mask-image-size(100% 100%);\n @content;\n }\n}\n\n@mixin icon-content($is-before: true, $override: false) {\n $pseudos: before after;\n @if not $is-before {\n $pseudos: after before;\n }\n @include _pseudo(nth($pseudos, 1), '') {\n @content;\n }\n @if $override {\n @include _pseudo(nth($pseudos, 2), none);\n }\n}\n\n@mixin icon($icon: null, $size: md, $restrain: null, $styling: true, $is-before: $restrain != after, $override: false) {\n @if $styling {\n @include icon-style($restrain);\n }\n\n @if $icon != null {\n @include icon-image($icon, $restrain);\n }\n\n @if $size != null {\n @include icon-size($size, $restrain);\n }\n\n @if $is-before != null {\n @include icon-content($is-before, $override) {\n @content;\n }\n }\n}\n\n@function filter-icons($category, $config: $icons-config) {\n $filtered: ();\n @each $icon, $setting in $config {\n @if map-get($setting, category) == $category {\n $filtered: map-merge($filtered, (#{$icon}: $setting));\n }\n }\n @return $filtered;\n}\n\n@mixin generate-icons($config: $icons-config) {\n @each $icon, $setting in $config {\n #{ns(icon-#{$icon})} {\n @include icon-image($icon);\n }\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/// Buttons-group Module\n/// @group button\n////\n\n#{ns-group(btns)} {\n @include disable-list-style;\n @include display-flex(null, stretch, null, wrap);\n @include vertical-btns-group;\n @include margin-x(-2v);\n\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 &--inline {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n\n &-sm {\n @include respond-from(sm) {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n }\n }\n\n &-md {\n @include respond-from(md) {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n }\n }\n\n &-lg {\n @include respond-from(lg) {\n @include horizontal-btns-group;\n\n &#{ns-group(btns)}--right {\n &#{ns-group(btns)}--inline-reverse {\n flex-direction: row-reverse;\n justify-content: flex-start;\n }\n }\n }\n }\n }\n\n /**\n * fr-btns-group--left : (Défaut) aligne les boutons sur la gauche (en lecture L-t-R)\n */\n &--left {\n &,\n li {\n justify-content: flex-start;\n text-align: left;\n }\n }\n\n /**\n * fr-btns-group--right : aligne les boutons sur la droite\n */\n &--right {\n &,\n li {\n justify-content: flex-end;\n text-align: right;\n }\n }\n\n /**\n * fr-btns-group--center : aligne les boutons au centre du conteneur\n */\n &--center {\n &,\n li {\n justify-content: center;\n text-align: center;\n }\n }\n\n /**\n * fr-btns-group--center : aligne les boutons au centre du conteneur\n */\n &--between {\n &,\n li {\n justify-content: space-between;\n text-align: center;\n }\n }\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 &--equisized {\n --equisized-width: auto;\n\n #{ns(btn)} {\n justify-content: center;\n width: var(--equisized-width);\n }\n }\n\n /**\n * fr-btns-group--sm : Fixe les boutons à la taille SM\n */\n &--sm {\n #{ns(btn)} {\n @include has-not-icon {\n @include nest-btn(sm, false, null, null, false);\n }\n }\n\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(sm, only, null, null, false);\n justify-content: flex-start;\n }\n }\n }\n\n &#{ns-group(btns)}--icon-left {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(sm, left, null, null, false);\n }\n }\n }\n\n &#{ns-group(btns)}--icon-right {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(sm, right, null, null, false);\n }\n }\n }\n }\n\n /**\n * fr-btns-group--md : (défaut) Fixe les boutons à la taille MD\n */\n &:not(#{ns-group(btns)}--sm):not(#{ns-group(btns)}--lg) {\n #{ns(btn)} {\n @include has-not-icon {\n @include nest-btn(md, false, null, null, false);\n }\n }\n\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(md, only, null, null, false);\n justify-content: flex-start;\n }\n }\n }\n\n &#{ns-group(btns)}--icon-left {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(md, left, null, null, false);\n }\n }\n }\n\n &#{ns-group(btns)}--icon-right {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(md, right, null, null, false);\n }\n }\n }\n }\n\n /**\n * fr-btns-group--lg : Fixe les boutons à la taille LG (sans modfifieur => MD)\n */\n &--lg {\n #{ns(btn)} {\n @include has-not-icon {\n @include nest-btn(lg, false, null, null, false);\n }\n }\n\n @include class-not-start-with(#{ns(btns-group--icon-, '')}) {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(lg, only, null, null, false);\n justify-content: flex-start;\n }\n }\n }\n\n &#{ns-group(btns)}--icon-left {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(lg, left, null, null, false);\n }\n }\n }\n\n &#{ns-group(btns)}--icon-right {\n #{ns(btn)} {\n @include has-icon {\n @include nest-btn(lg, right, null, null, false);\n }\n }\n }\n }\n\n #{ns(fieldset__element)} > & {\n @include margin-bottom(-4v);\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: disc;\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@mixin enable-list-style-legacy($unify: false) {\n $ul: ul;\n $ol: ol;\n\n @if $unify {\n $ul: selector-associate('&', 'ul');\n $ol: selector-associate('&', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: disc;\n }\n\n #{$ol} {\n list-style-type: decimal;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(4v);\n @include margin-y(2v);\n }\n }\n}\n\n@mixin disable-list-style-legacy($unify: false) {\n $ul: '#{&} ul';\n $ol: '#{&} ol';\n\n @if $unify {\n $ul: selector-associate('#{&}', 'ul');\n $ol: selector-associate('#{&}', 'ol');\n }\n\n @at-root {\n #{$ul} {\n list-style-type: none;\n }\n\n #{$ol} {\n list-style-type: none;\n }\n\n #{$ul},\n #{$ol} {\n @include padding-left(0);\n @include margin-y(0);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\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: spacing.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/// Button Tool - group\n/// @group button\n////\n\n@mixin horizontal-btns-group() {\n #{ns(btn)} {\n width: auto;\n max-width: 100%;\n @include margin-x(2v);\n }\n\n > li {\n display: inline-flex;\n max-width: 100%;\n width: auto;\n }\n}\n\n@mixin vertical-btns-group() {\n > li,\n > div {\n width: 100%;\n max-width: 100%;\n }\n\n #{ns(btn)} {\n @include size(calc(100% - 4v));\n @include margin(0 2v 4v);\n justify-content: center;\n }\n}\n","////\n/// Core Tool : Spacing size\n/// @group core\n////\n\n@use '../../../../../module/spacing';\n\n@mixin width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin min-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n min-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin max-width($width:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n max-width: #{spacing.space($width)};\n }\n }\n}\n\n@mixin height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n min-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin max-height($height:null, $from: null) {\n @include respond-from($from) {\n @if $height != null {\n max-height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin size($width:null, $height:null, $from: null) {\n @include respond-from($from) {\n @if $width != null {\n width: #{spacing.space($width)};\n }\n @if $height != null {\n height: #{spacing.space($height)};\n }\n }\n}\n\n@mixin min-size($min-width:null, $min-height:null, $from: null) {\n @include respond-from($from) {\n @if $min-width != null {\n min-width: #{spacing.space($min-width)};\n }\n @if $min-height != null {\n min-height: #{spacing.space($min-height)};\n }\n }\n}\n\n@mixin max-size($max-width:null, $max-height:null, $from: null) {\n @include respond-from($from) {\n @if $max-width != null {\n max-width: #{spacing.space($max-width)};\n }\n @if $max-height != null {\n max-height: #{spacing.space($max-height)};\n }\n }\n}\n","////\n/// Button Module - Close\n/// @group button\n////\n\n#{ns(btn--close)} {\n @include nest-btn(sm, right, close-line, null, false);\n display: flex;\n @include margin-left(auto);\n}\n","////\n/// Core Tool : mask-image\n/// @group core\n////\n\n@mixin mask-image($value) {\n -webkit-mask-image: $value;\n mask-image: $value;\n}\n\n@mixin mask-image-size($value) {\n -webkit-mask-size: $value;\n mask-size: $value;\n}\n\n@mixin mask-image-position($value) {\n -webkit-mask-position: $value;\n mask-position: $value;\n}\n\n@mixin mask-image-repeat($value) {\n -webkit-mask-repeat: $value;\n mask-repeat: $value;\n}\n","////\n/// Button Module - Tooltip\n/// @group button\n////\n\n#{ns(btn--tooltip)} {\n @include nest-btn(sm, only, question-line, null, false);\n}\n","////\n/// Button Module - Fullscreen\n/// @group button\n////\n\n#{ns(btn--fullscreen)} {\n @include nest-btn(sm, right, fullscreen-line, null, false);\n}\n","////\n/// Button Module - Display\n/// @group button\n////\n\n#{ns(btn--display)} {\n @include nest-btn(md, left, theme-fill, null, false);\n}\n","////\n/// Button Module - Account\n/// @group button\n////\n\n#{ns(btn--account)} {\n @include nest-btn(sm, left, account-circle-fill, null, false);\n}\n","////\n/// Button Module - Team\n/// @group button\n////\n\n#{ns(btn--team)} {\n @include nest-btn(sm, left, team-line, null, false);\n}\n","////\n/// Button Module - Briefcase\n/// @group button\n////\n\n#{ns(btn--briefcase)} {\n @include nest-btn(sm, left, briefcase-fill, null, false);\n}\n","@use 'sass:list';\n@use 'sass:map';\n@use 'colors';\n@use 'module/selector';\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 selector($options: (), $colors: null) {\n $selectors: '&:disabled';\n @if map.get($options, can-be-link) {\n $selectors: list.append($selectors, selector.associate(&, 'a:not([href])'), comma);\n }\n\n @at-root #{$selectors} {\n @if $colors != null {\n @include colors.colors($colors);\n }\n @content;\n }\n}\n","////\n/// button Scheme\n/// @group button\n////\n\n@use 'module/color';\n@use 'module/disabled';\n\n@mixin _button-scheme($legacy: false) {\n #{ns(btn)} {\n @include color.background(action-high blue-france, (legacy:$legacy, hover: true));\n @include color.text(inverted blue-france, (legacy:$legacy));\n\n @include disabled.selector((can-be-link: true), (legacy: $legacy, text: true, background: true));\n\n // Outline variant\n &--secondary {\n @include btn-kind-scheme(2, $legacy);\n }\n\n // Grey outline variant\n &--tertiary,\n &--account {\n @include btn-kind-scheme(3, $legacy);\n }\n\n // Ghost variant\n &--tertiary-no-outline,\n &--close,\n &--display,\n &--fullscreen,\n &--tooltip,\n &--briefcase,\n &--team {\n @include btn-kind-scheme(4, $legacy);\n }\n }\n}\n","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/button/button.min.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-btn{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--idle:transparent;--hover:var(--background-action-high-blue-france-hover);--active:var(--background-action-high-blue-france-active);align-items:center;background-color:var(--background-action-high-blue-france);color:var(--text-inverted-blue-france);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:500;line-height:1.5rem;min-height:2.5rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}.fr-btn:after,.fr-btn:before{display:block}.fr-btn[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--align-on-content{margin-left:-1rem;margin-right:-1rem}.fr-btn[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:2.5rem;max-width:2.5rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.fr-btn--align-on-content[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--icon-left[class*=" fr-fi-"],.fr-btn--icon-left[class*=" fr-icon-"],.fr-btn--icon-left[class^=fr-fi-],.fr-btn--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--icon-left[class*=" fr-fi-"]:before,.fr-btn--icon-left[class*=" fr-icon-"]:before,.fr-btn--icon-left[class^=fr-fi-]:before,.fr-btn--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{margin-left:-.875rem;margin-right:-1rem}.fr-btn--icon-right[class*=" fr-fi-"],.fr-btn--icon-right[class*=" fr-icon-"],.fr-btn--icon-right[class^=fr-fi-],.fr-btn--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--icon-right[class*=" fr-fi-"]:after,.fr-btn--icon-right[class*=" fr-icon-"]:after,.fr-btn--icon-right[class^=fr-fi-]:after,.fr-btn--icon-right[class^=fr-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--icon-right[class*=" fr-fi-"]:before,.fr-btn--icon-right[class*=" fr-icon-"]:before,.fr-btn--icon-right[class^=fr-fi-]:before,.fr-btn--icon-right[class^=fr-icon-]:before{content:none}.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{margin-left:-1rem;margin-right:-.875rem}.fr-btn--sm{font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.fr-btn--sm[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--sm.fr-btn--align-on-content{margin-left:-.75rem;margin-right:-.75rem}.fr-btn--sm[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:2rem;max-width:2rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn--sm[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:1rem;margin-left:0;margin-right:.5rem}.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-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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"]: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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{margin-left:-.625rem;margin-right:-.75rem}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:before{content:none}.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-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-icon-]{margin-left:-.75rem;margin-right:-.625rem}.fr-btn--lg{font-size:1.125rem;line-height:1.75rem;min-height:3rem;padding:.5rem 1.5rem}.fr-btn--lg[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg[target=_blank]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-btn--lg.fr-btn--align-on-content{margin-left:-1.5rem;margin-right:-1.5rem}.fr-btn--lg[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:3rem;max-width:3rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn--lg[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:2rem;margin-left:0;margin-right:.5rem}.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-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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"]: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-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.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-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-icon-]{margin-left:-1.3125rem;margin-right:-1.5rem}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:before{content:none}.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-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-icon-]{margin-left:-1.5rem;margin-right:-1.3125rem}.fr-btns-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;align-items:stretch;display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}.fr-btns-group>li{max-width:100%;width:100%}.fr-btns-group .fr-btn{justify-content:center;margin:0 .5rem 1rem;width:calc(100% - 1rem)}.fr-btns-group--inline .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}.fr-btns-group--left,.fr-btns-group--left li{justify-content:flex-start;text-align:left}.fr-btns-group--right,.fr-btns-group--right li{justify-content:flex-end;text-align:right}.fr-btns-group--center,.fr-btns-group--center li{justify-content:center;text-align:center}.fr-btns-group--between,.fr-btns-group--between li{justify-content:space-between;text-align:center}.fr-btns-group--equisized{--equisized-width:auto}.fr-btns-group--equisized .fr-btn{justify-content:center;width:var(--equisized-width)}.fr-btns-group--sm .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]){font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.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-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-icon-]{font-size:.875rem;justify-content:flex-start;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:1rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.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-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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.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-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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.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-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-icon-]:before{content:none}.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-"]){font-size:1rem;line-height:1.5rem;min-height:2.5rem;padding:.5rem 1rem}.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-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-icon-]{font-size:1rem;justify-content:flex-start;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.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-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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.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-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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.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-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-icon-]:before{content:none}.fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]){font-size:1.125rem;line-height:1.75rem;min-height:3rem;padding:.5rem 1.5rem}.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-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-icon-]{font-size:1.125rem;justify-content:flex-start;line-height:1.75rem;max-height:3rem;max-width:3rem;min-height:3rem;overflow:hidden;padding:.5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:2rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:1.125rem;line-height:1.75rem;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.5rem 1.5rem}.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-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-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.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-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-icon-]{font-size:1.125rem;line-height:1.75rem;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.5rem 1.5rem}.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-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-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.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-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-icon-]:before{content:none}.fr-fieldset__element>.fr-btns-group{margin-bottom:-1rem}.fr-btn--close{display:flex;font-size:.875rem;line-height:1.5rem;margin-left:auto;margin-right:-1rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--close:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(../../icons/system/close-line.svg);mask-image:url(../../icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--close:before{content:none}.fr-btn--tooltip{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.fr-btn--tooltip:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/question-line.svg);mask-image:url(../../icons/system/question-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--fullscreen{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--fullscreen:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(../../icons/media/fullscreen-line.svg);mask-image:url(../../icons/media/fullscreen-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--fullscreen:before{content:none}.fr-btn--display{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.fr-btn--display:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/fr--theme-fill.svg);mask-image:url(../../icons/system/fr--theme-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn:disabled,a.fr-btn:not([href]){--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--secondary{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-action-high-blue-france);color:var(--text-action-high-blue-france)}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--tertiary{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-default-grey);color:var(--text-action-high-blue-france)}.fr-btn--tertiary:disabled,a.fr-btn--tertiary:not([href]){--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france)}.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}@media (min-width:36em){
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/.fr-btn{--text-spacing:0;--title-spacing:0;--underline-img:none;--hover-tint:var(--hover);--idle:transparent;--hover:var(--background-action-high-blue-france-hover);--active:var(--background-action-high-blue-france-active);align-items:center;background-color:var(--background-action-high-blue-france);color:var(--text-inverted-blue-france);display:inline-flex;flex-direction:row;font-size:1rem;font-weight:500;line-height:1.5rem;min-height:2.5rem;padding:.5rem 1rem;width:-moz-fit-content;width:fit-content}.fr-btn:after,.fr-btn:before{display:block}.fr-btn[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--align-on-content{margin-left:-1rem;margin-right:-1rem}.fr-btn[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:2.5rem;max-width:2.5rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.fr-btn--align-on-content[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--icon-left[class*=" fr-fi-"],.fr-btn--icon-left[class*=" fr-icon-"],.fr-btn--icon-left[class^=fr-fi-],.fr-btn--icon-left[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--icon-left[class*=" fr-fi-"]:before,.fr-btn--icon-left[class*=" fr-icon-"]:before,.fr-btn--icon-left[class^=fr-fi-]:before,.fr-btn--icon-left[class^=fr-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.fr-btn--align-on-content.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{margin-left:-.875rem;margin-right:-1rem}.fr-btn--icon-right[class*=" fr-fi-"],.fr-btn--icon-right[class*=" fr-icon-"],.fr-btn--icon-right[class^=fr-fi-],.fr-btn--icon-right[class^=fr-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--icon-right[class*=" fr-fi-"]:after,.fr-btn--icon-right[class*=" fr-icon-"]:after,.fr-btn--icon-right[class^=fr-fi-]:after,.fr-btn--icon-right[class^=fr-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--icon-right[class*=" fr-fi-"]:before,.fr-btn--icon-right[class*=" fr-icon-"]:before,.fr-btn--icon-right[class^=fr-fi-]:before,.fr-btn--icon-right[class^=fr-icon-]:before{content:none}.fr-btn--align-on-content.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{margin-left:-1rem;margin-right:-.875rem}.fr-btn--sm{font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.fr-btn--sm[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm[target=_blank]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--sm.fr-btn--align-on-content{margin-left:-.75rem;margin-right:-.75rem}.fr-btn--sm[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:2rem;max-width:2rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn--sm[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:1rem;margin-left:0;margin-right:.5rem}.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-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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm.fr-btn--icon-left[class*=" fr-fi-"]: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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{margin-left:-.625rem;margin-right:-.75rem}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.fr-btn--sm.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:before{content:none}.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-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-icon-]{margin-left:-.75rem;margin-right:-.625rem}.fr-btn--lg{font-size:1.125rem;line-height:1.75rem;min-height:3rem;padding:.5rem 1.5rem}.fr-btn--lg[target=_blank]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg[target=_blank]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-btn--lg.fr-btn--align-on-content{margin-left:-1.5rem;margin-right:-1.5rem}.fr-btn--lg[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]){max-height:3rem;max-width:3rem;overflow:hidden;padding-left:.5rem;padding-right:.5rem;white-space:nowrap}.fr-btn--lg[class*=" fr-fi-"]: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-icon-]:not([class*=fr-btn--icon-]):before{--icon-size:2rem;margin-left:0;margin-right:.5rem}.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-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-icon-]:not([class*=fr-btn--icon-]){margin-left:-.5rem;margin-right:-.5rem}.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg.fr-btn--icon-left[class*=" fr-fi-"]: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-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.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-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-icon-]{margin-left:-1.3125rem;margin-right:-1.5rem}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"],.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-icon-]{max-height:none;max-width:100%;overflow:initial}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.fr-btn--lg.fr-btn--icon-right[class*=" fr-fi-"]: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-icon-]:before{content:none}.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-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-icon-]{margin-left:-1.5rem;margin-right:-1.3125rem}.fr-btns-group{--ul-type:none;--ol-type:none;--ul-start:0;--ol-start:0;--xl-block:0;--li-bottom:0;--ol-content:none;align-items:stretch;display:flex;flex-wrap:wrap;margin-left:-.5rem;margin-right:-.5rem}.fr-btns-group>div,.fr-btns-group>li{max-width:100%;width:100%}.fr-btns-group .fr-btn{justify-content:center;margin:0 .5rem 1rem;width:calc(100% - 1rem)}.fr-btns-group--inline .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}.fr-btns-group--left,.fr-btns-group--left li{justify-content:flex-start;text-align:left}.fr-btns-group--right,.fr-btns-group--right li{justify-content:flex-end;text-align:right}.fr-btns-group--center,.fr-btns-group--center li{justify-content:center;text-align:center}.fr-btns-group--between,.fr-btns-group--between li{justify-content:space-between;text-align:center}.fr-btns-group--equisized{--equisized-width:auto}.fr-btns-group--equisized .fr-btn{justify-content:center;width:var(--equisized-width)}.fr-btns-group--sm .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]){font-size:.875rem;line-height:1.5rem;min-height:2rem;padding:.25rem .75rem}.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-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-icon-]{font-size:.875rem;justify-content:flex-start;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:1rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.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-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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.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-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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.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-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-icon-]:before{content:none}.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-"]){font-size:1rem;line-height:1.5rem;min-height:2.5rem;padding:.5rem 1rem}.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-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-icon-]{font-size:1rem;justify-content:flex-start;line-height:1.5rem;max-height:2.5rem;max-width:2.5rem;min-height:2.5rem;overflow:hidden;padding:.5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:1.5rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.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-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-icon-]:before{--icon-size:1rem;margin-left:-.125rem;margin-right:.5rem}.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-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-icon-]{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.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-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-icon-]:after{--icon-size:1rem;content:"";margin-left:.5rem;margin-right:-.125rem}.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-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-icon-]:before{content:none}.fr-btns-group--lg .fr-btn:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]){font-size:1.125rem;line-height:1.75rem;min-height:3rem;padding:.5rem 1.5rem}.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-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-icon-]{font-size:1.125rem;justify-content:flex-start;line-height:1.75rem;max-height:3rem;max-width:3rem;min-height:3rem;overflow:hidden;padding:.5rem;white-space:nowrap}.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-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-icon-]:before{--icon-size:2rem;margin-left:0;margin-right:.5rem}.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-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-icon-]{font-size:1.125rem;line-height:1.75rem;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.5rem 1.5rem}.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-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-icon-]:before{--icon-size:1.5rem;margin-left:-.1875rem;margin-right:.5rem}.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-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-icon-]{font-size:1.125rem;line-height:1.75rem;max-height:none;max-width:100%;min-height:3rem;overflow:initial;padding:.5rem 1.5rem}.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-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-icon-]:after{--icon-size:1.5rem;content:"";margin-left:.5rem;margin-right:-.1875rem}.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-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-icon-]:before{content:none}.fr-fieldset__element>.fr-btns-group{margin-bottom:-1rem}.fr-btn--close{display:flex;font-size:.875rem;line-height:1.5rem;margin-left:auto;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--close:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(../../icons/system/close-line.svg);mask-image:url(../../icons/system/close-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--close:before{content:none}.fr-btn--tooltip{font-size:.875rem;line-height:1.5rem;max-height:2rem;max-width:2rem;min-height:2rem;overflow:hidden;padding:.25rem .5rem;white-space:nowrap}.fr-btn--tooltip:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:0;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/question-line.svg);mask-image:url(../../icons/system/question-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--fullscreen{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--fullscreen:after{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:.5rem;margin-right:-.125rem;-webkit-mask-image:url(../../icons/media/fullscreen-line.svg);mask-image:url(../../icons/media/fullscreen-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--fullscreen:before{content:none}.fr-btn--display{font-size:1rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2.5rem;overflow:initial;padding:.5rem 1rem}.fr-btn--display:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(../../icons/system/fr--theme-fill.svg);mask-image:url(../../icons/system/fr--theme-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--account{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--account:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(../../icons/user/account-circle-fill.svg);mask-image:url(../../icons/user/account-circle-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--team{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--team:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(../../icons/user/team-line.svg);mask-image:url(../../icons/user/team-line.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn--briefcase{font-size:.875rem;line-height:1.5rem;max-height:none;max-width:100%;min-height:2rem;overflow:initial;padding:.25rem .75rem}.fr-btn--briefcase:before{--icon-size:1rem;background-color:currentColor;content:"";display:inline-block;flex:0 0 auto;height:var(--icon-size);margin-left:-.125rem;margin-right:.5rem;-webkit-mask-image:url(../../icons/business/briefcase-fill.svg);mask-image:url(../../icons/business/briefcase-fill.svg);-webkit-mask-size:100% 100%;mask-size:100% 100%;vertical-align:calc((.75em - var(--icon-size))*.5);width:var(--icon-size)}.fr-btn:disabled,a.fr-btn:not([href]){--idle:transparent;--hover:var(--background-disabled-grey-hover);--active:var(--background-disabled-grey-active);background-color:var(--background-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--secondary{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-action-high-blue-france);color:var(--text-action-high-blue-france)}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--account,.fr-btn--tertiary{--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-default-grey);color:var(--text-action-high-blue-france)}.fr-btn--account:disabled,.fr-btn--tertiary:disabled,a.fr-btn--account:not([href]),a.fr-btn--tertiary:not([href]){--hover:inherit;--active:inherit;background-color:transparent;box-shadow:inset 0 0 0 1px var(--border-disabled-grey);color:var(--text-disabled-grey)}.fr-btn--briefcase,.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--team,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france)}.fr-btn--briefcase:disabled,.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--team:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--briefcase:not([href]),a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--team:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}@media (min-width:36em){
/*! media sm */.fr-btns-group--inline-sm .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline-sm>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline-sm.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}
/*! media sm */}@media (min-width:48em){
/*! media md */.fr-btns-group--inline-md .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline-md>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline-md.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}
......@@ -8,4 +8,4 @@
/*! media lg */.fr-btns-group--inline-lg .fr-btn{margin-left:.5rem;margin-right:.5rem;max-width:100%;width:auto}.fr-btns-group--inline-lg>li{display:inline-flex;max-width:100%;width:auto}.fr-btns-group--inline-lg.fr-btns-group--right.fr-btns-group--inline-reverse{flex-direction:row-reverse;justify-content:flex-start}
/*! media lg */}@media (min-width:78em){
/*! media xl */
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-btn:after,.fr-btn:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-btn--sm:after,.fr-btn--sm:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:.75rem;width:.75rem}.fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--lg:after,.fr-btn--lg:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-btn--close:after,.fr-btn--close:before{background-image:url(../../icons/system/close-line.svg)}.fr-btn--close:after,.fr-btn--close:before,.fr-btn--tooltip:after,.fr-btn--tooltip:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--tooltip:after,.fr-btn--tooltip:before{background-image:url(../../icons/system/question-line.svg)}.fr-btn--fullscreen:after,.fr-btn--fullscreen:before{background-image:url(../../icons/media/fullscreen-line.svg)}.fr-btn--display:after,.fr-btn--display:before,.fr-btn--fullscreen:after,.fr-btn--fullscreen:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--display:after,.fr-btn--display:before{background-image:url(../../icons/system/fr--theme-fill.svg)}ol.fr-btns-group,ul.fr-btns-group{list-style-type:none}ol.fr-btns-group,ul.fr-btns-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]:after,.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-icon-"]:after,.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-]:after,.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-icon-]:after,.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]:after,.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-icon-"]:after,.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-]:after,.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-icon-]:after,.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-btn{background-color:#000091;color:#f5f5fe}.fr-btn:hover{background-color:#1212ff}.fr-btn:active{background-color:#2323ff}.fr-btn:disabled,a.fr-btn:not([href]){background-color:#e5e5e5;color:#929292}.fr-btn--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px #000091;color:#000091}.fr-btn--secondary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:active{background-color:rgba(0,0,0,.1)}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--secondary:disabled:hover,a.fr-btn--secondary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:disabled:active,a.fr-btn--secondary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--tertiary{background-color:transparent;box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-btn--tertiary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--tertiary:active{background-color:rgba(0,0,0,.1)}.fr-btn--tertiary:disabled,a.fr-btn--tertiary:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--tertiary:disabled:hover,a.fr-btn--tertiary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--tertiary:disabled:active,a.fr-btn--tertiary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{background-color:transparent;color:#000091}.fr-btn--close:hover,.fr-btn--display:hover,.fr-btn--fullscreen:hover,.fr-btn--tertiary-no-outline:hover,.fr-btn--tooltip:hover{background-color:rgba(0,0,0,.05)}.fr-btn--close:active,.fr-btn--display:active,.fr-btn--fullscreen:active,.fr-btn--tertiary-no-outline:active,.fr-btn--tooltip:active{background-color:rgba(0,0,0,.1)}.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){background-color:transparent;color:#929292}.fr-btn--close:disabled:hover,.fr-btn--display:disabled:hover,.fr-btn--fullscreen:disabled:hover,.fr-btn--tertiary-no-outline:disabled:hover,.fr-btn--tooltip:disabled:hover,a.fr-btn--close:not([href]):hover,a.fr-btn--display:not([href]):hover,a.fr-btn--fullscreen:not([href]):hover,a.fr-btn--tertiary-no-outline:not([href]):hover,a.fr-btn--tooltip:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--close:disabled:active,.fr-btn--display:disabled:active,.fr-btn--fullscreen:disabled:active,.fr-btn--tertiary-no-outline:disabled:active,.fr-btn--tooltip:disabled:active,a.fr-btn--close:not([href]):active,a.fr-btn--display:not([href]):active,a.fr-btn--fullscreen:not([href]):active,a.fr-btn--tertiary-no-outline:not([href]):active,a.fr-btn--tooltip:not([href]):active{background-color:rgba(0,0,0,.1)}}
\ No newline at end of file
/*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-btn:after,.fr-btn:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn[href]{text-decoration:none}.fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-btn--sm:after,.fr-btn--sm:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:.75rem;width:.75rem}.fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--sm[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--lg:after,.fr-btn--lg:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1.5rem;width:1.5rem}.fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class*=" fr-fi-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class*=" fr-icon-"]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class^=fr-fi-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before,.fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):after,.fr-btn--lg[class^=fr-icon-]:not([class^=fr-btn--icon-]):not([class*=" fr-btn--icon-"]):before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-btn--close:after,.fr-btn--close:before{background-image:url(../../icons/system/close-line.svg)}.fr-btn--close:after,.fr-btn--close:before,.fr-btn--tooltip:after,.fr-btn--tooltip:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--tooltip:after,.fr-btn--tooltip:before{background-image:url(../../icons/system/question-line.svg)}.fr-btn--fullscreen:after,.fr-btn--fullscreen:before{background-image:url(../../icons/media/fullscreen-line.svg)}.fr-btn--display:after,.fr-btn--display:before,.fr-btn--fullscreen:after,.fr-btn--fullscreen:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--display:after,.fr-btn--display:before{background-image:url(../../icons/system/fr--theme-fill.svg)}.fr-btn--briefcase:after,.fr-btn--briefcase:before{background-image:url(../../icons/business/briefcase-fill.svg)}.fr-btn--account:after,.fr-btn--account:before,.fr-btn--briefcase:after,.fr-btn--briefcase:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btn--account:after,.fr-btn--account:before{background-image:url(../../icons/user/account-circle-fill.svg)}.fr-btn--team:after,.fr-btn--team:before{background-color:transparent;background-image:url(../../icons/user/team-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}ol.fr-btns-group,ul.fr-btns-group{list-style-type:none}ol.fr-btns-group,ul.fr-btns-group{margin-bottom:0;margin-top:0;padding-left:0}.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]:after,.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-icon-"]:after,.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-]:after,.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-icon-]:after,.fr-btns-group--sm:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class*=" fr-fi-"]:after,.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-icon-"]:after,.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-]:after,.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-icon-]:after,.fr-btns-group--lg:not([class^=fr-btns-group--icon-]):not([class*=" fr-btns-group--icon-"]) .fr-btn[class^=fr-icon-]:before{background-color:transparent;background-repeat:no-repeat;background-size:100%;height:2rem;width:2rem}.fr-btn{background-color:#000091;color:#f5f5fe}.fr-btn:hover{background-color:#1212ff}.fr-btn:active{background-color:#2323ff}.fr-btn:disabled,a.fr-btn:not([href]){background-color:#e5e5e5;color:#929292}.fr-btn--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px #000091;color:#000091}.fr-btn--secondary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:active{background-color:rgba(0,0,0,.1)}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--secondary:disabled:hover,a.fr-btn--secondary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:disabled:active,a.fr-btn--secondary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--account,.fr-btn--tertiary{background-color:transparent;box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-btn--account:hover,.fr-btn--tertiary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--account:active,.fr-btn--tertiary:active{background-color:rgba(0,0,0,.1)}.fr-btn--account:disabled,.fr-btn--tertiary:disabled,a.fr-btn--account:not([href]),a.fr-btn--tertiary:not([href]){background-color:transparent;box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--account:disabled:hover,.fr-btn--tertiary:disabled:hover,a.fr-btn--account:not([href]):hover,a.fr-btn--tertiary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--account:disabled:active,.fr-btn--tertiary:disabled:active,a.fr-btn--account:not([href]):active,a.fr-btn--tertiary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--briefcase,.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--team,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{background-color:transparent;color:#000091}.fr-btn--briefcase:hover,.fr-btn--close:hover,.fr-btn--display:hover,.fr-btn--fullscreen:hover,.fr-btn--team:hover,.fr-btn--tertiary-no-outline:hover,.fr-btn--tooltip:hover{background-color:rgba(0,0,0,.05)}.fr-btn--briefcase:active,.fr-btn--close:active,.fr-btn--display:active,.fr-btn--fullscreen:active,.fr-btn--team:active,.fr-btn--tertiary-no-outline:active,.fr-btn--tooltip:active{background-color:rgba(0,0,0,.1)}.fr-btn--briefcase:disabled,.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--team:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--briefcase:not([href]),a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--team:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){background-color:transparent;color:#929292}.fr-btn--briefcase:disabled:hover,.fr-btn--close:disabled:hover,.fr-btn--display:disabled:hover,.fr-btn--fullscreen:disabled:hover,.fr-btn--team:disabled:hover,.fr-btn--tertiary-no-outline:disabled:hover,.fr-btn--tooltip:disabled:hover,a.fr-btn--briefcase:not([href]):hover,a.fr-btn--close:not([href]):hover,a.fr-btn--display:not([href]):hover,a.fr-btn--fullscreen:not([href]):hover,a.fr-btn--team:not([href]):hover,a.fr-btn--tertiary-no-outline:not([href]):hover,a.fr-btn--tooltip:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--briefcase:disabled:active,.fr-btn--close:disabled:active,.fr-btn--display:disabled:active,.fr-btn--fullscreen:disabled:active,.fr-btn--team:disabled:active,.fr-btn--tertiary-no-outline:disabled:active,.fr-btn--tooltip:disabled:active,a.fr-btn--briefcase:not([href]):active,a.fr-btn--close:not([href]):active,a.fr-btn--display:not([href]):active,a.fr-btn--fullscreen:not([href]):active,a.fr-btn--team:not([href]):active,a.fr-btn--tertiary-no-outline:not([href]):active,a.fr-btn--tooltip:not([href]):active{background-color:rgba(0,0,0,.1)}}@media print{.fr-btn{background-color:#000091;color:#f5f5fe}.fr-btn:hover{background-color:#1212ff}.fr-btn:active{background-color:#2323ff}.fr-btn:disabled,a.fr-btn:not([href]){background-color:#e5e5e5;color:#929292}.fr-btn--secondary{box-shadow:inset 0 0 0 1px #000091;color:#000091}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--account,.fr-btn--tertiary{box-shadow:inset 0 0 0 1px #ddd;color:#000091}.fr-btn--account:disabled,.fr-btn--tertiary:disabled,a.fr-btn--account:not([href]),a.fr-btn--tertiary:not([href]){box-shadow:inset 0 0 0 1px #e5e5e5;color:#929292}.fr-btn--briefcase,.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--team,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{color:#000091}.fr-btn--briefcase:disabled,.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--team:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--briefcase:not([href]),a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--team:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){color:#929292}.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--secondary,.fr-btn--tertiary,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{background-color:transparent}}@media print and (-ms-high-contrast:active),print and (-ms-high-contrast:none){.fr-btn--secondary{background-color:transparent}.fr-btn--secondary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:active{background-color:rgba(0,0,0,.1)}.fr-btn--secondary:disabled,a.fr-btn--secondary:not([href]){background-color:transparent}.fr-btn--secondary:disabled:hover,a.fr-btn--secondary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--secondary:disabled:active,a.fr-btn--secondary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--account,.fr-btn--tertiary{background-color:transparent}.fr-btn--account:hover,.fr-btn--tertiary:hover{background-color:rgba(0,0,0,.05)}.fr-btn--account:active,.fr-btn--tertiary:active{background-color:rgba(0,0,0,.1)}.fr-btn--account:disabled,.fr-btn--tertiary:disabled,a.fr-btn--account:not([href]),a.fr-btn--tertiary:not([href]){background-color:transparent}.fr-btn--account:disabled:hover,.fr-btn--tertiary:disabled:hover,a.fr-btn--account:not([href]):hover,a.fr-btn--tertiary:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--account:disabled:active,.fr-btn--tertiary:disabled:active,a.fr-btn--account:not([href]):active,a.fr-btn--tertiary:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-btn--briefcase,.fr-btn--close,.fr-btn--display,.fr-btn--fullscreen,.fr-btn--team,.fr-btn--tertiary-no-outline,.fr-btn--tooltip{background-color:transparent}.fr-btn--briefcase:hover,.fr-btn--close:hover,.fr-btn--display:hover,.fr-btn--fullscreen:hover,.fr-btn--team:hover,.fr-btn--tertiary-no-outline:hover,.fr-btn--tooltip:hover{background-color:rgba(0,0,0,.05)}.fr-btn--briefcase:active,.fr-btn--close:active,.fr-btn--display:active,.fr-btn--fullscreen:active,.fr-btn--team:active,.fr-btn--tertiary-no-outline:active,.fr-btn--tooltip:active{background-color:rgba(0,0,0,.1)}.fr-btn--briefcase:disabled,.fr-btn--close:disabled,.fr-btn--display:disabled,.fr-btn--fullscreen:disabled,.fr-btn--team:disabled,.fr-btn--tertiary-no-outline:disabled,.fr-btn--tooltip:disabled,a.fr-btn--briefcase:not([href]),a.fr-btn--close:not([href]),a.fr-btn--display:not([href]),a.fr-btn--fullscreen:not([href]),a.fr-btn--team:not([href]),a.fr-btn--tertiary-no-outline:not([href]),a.fr-btn--tooltip:not([href]){background-color:transparent}.fr-btn--briefcase:disabled:hover,.fr-btn--close:disabled:hover,.fr-btn--display:disabled:hover,.fr-btn--fullscreen:disabled:hover,.fr-btn--team:disabled:hover,.fr-btn--tertiary-no-outline:disabled:hover,.fr-btn--tooltip:disabled:hover,a.fr-btn--briefcase:not([href]):hover,a.fr-btn--close:not([href]):hover,a.fr-btn--display:not([href]):hover,a.fr-btn--fullscreen:not([href]):hover,a.fr-btn--team:not([href]):hover,a.fr-btn--tertiary-no-outline:not([href]):hover,a.fr-btn--tooltip:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-btn--briefcase:disabled:active,.fr-btn--close:disabled:active,.fr-btn--display:disabled:active,.fr-btn--fullscreen:disabled:active,.fr-btn--team:disabled:active,.fr-btn--tertiary-no-outline:disabled:active,.fr-btn--tooltip:disabled:active,a.fr-btn--briefcase:not([href]):active,a.fr-btn--close:not([href]):active,a.fr-btn--display:not([href]):active,a.fr-btn--fullscreen:not([href]):active,a.fr-btn--team:not([href]):active,a.fr-btn--tertiary-no-outline:not([href]):active,a.fr-btn--tooltip:not([href]):active{background-color:rgba(0,0,0,.1)}}
\ No newline at end of file
design_system_admin/dsfr/component/button/button.min.css.map
View file @ c70aacd8
Source diff could not be displayed: it is too large. Options to address this: view the blob.
design_system_admin/dsfr/component/button/button.module.js
View file @ c70aacd8
/*! DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
/*! DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
const config = {
prefix: 'fr',
namespace: 'dsfr',
organisation: '@gouvfr',
version: '1.10.1'
version: '1.11.0'
};
const api = window[config.namespace];
......
design_system_admin/dsfr/component/button/button.module.js.map
View file @ c70aacd8
{"version":3,"file":"button.module.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/button/script/button/button-selector.js","../../../src/component/button/index.js","../../../src/component/button/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.10.1'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const ButtonSelector = {\n EQUISIZED_BUTTON: `${api.internals.ns.selector('btns-group--equisized')} ${api.internals.ns.selector('btn')}`,\n EQUISIZED_GROUP: api.internals.ns.selector('btns-group--equisized')\n};\n","import api from './api.js';\nimport { ButtonSelector } from './script/button/button-selector';\n\napi.button = {\n ButtonSelector: ButtonSelector\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.button.ButtonSelector.EQUISIZED_BUTTON, api.core.Equisized);\napi.internals.register(api.button.ButtonSelector.EQUISIZED_GROUP, api.core.EquisizedsGroup);\n\nexport default api;\n"],"names":[],"mappings":";;AAAA,MAAM,MAAM,GAAG;AACf,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,YAAY,EAAE,SAAS;AACzB,EAAE,OAAO,EAAE,QAAQ;AACnB,CAAC;;ACJD,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;;ACC7B,MAAM,cAAc,GAAG;AAC9B,EAAE,gBAAgB,EAAE,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/G,EAAE,eAAe,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,uBAAuB,CAAC;AACrE,CAAC;;ACFD,GAAG,CAAC,MAAM,GAAG;AACb,EAAE,cAAc,EAAE,cAAc;AAChC,CAAC;;ACHD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,gBAAgB,EAAE,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACvF,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,eAAe,EAAE,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC"}
\ No newline at end of file
{"version":3,"file":"button.module.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/button/script/button/button-selector.js","../../../src/component/button/index.js","../../../src/component/button/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.11.0'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const ButtonSelector = {\n EQUISIZED_BUTTON: `${api.internals.ns.selector('btns-group--equisized')} ${api.internals.ns.selector('btn')}`,\n EQUISIZED_GROUP: api.internals.ns.selector('btns-group--equisized')\n};\n","import api from './api.js';\nimport { ButtonSelector } from './script/button/button-selector';\n\napi.button = {\n ButtonSelector: ButtonSelector\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.button.ButtonSelector.EQUISIZED_BUTTON, api.core.Equisized);\napi.internals.register(api.button.ButtonSelector.EQUISIZED_GROUP, api.core.EquisizedsGroup);\n\nexport default api;\n"],"names":[],"mappings":";;AAAA,MAAM,MAAM,GAAG;AACf,EAAE,MAAM,EAAE,IAAI;AACd,EAAE,SAAS,EAAE,MAAM;AACnB,EAAE,YAAY,EAAE,SAAS;AACzB,EAAE,OAAO,EAAE,QAAQ;AACnB,CAAC;;ACJD,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;;ACC7B,MAAM,cAAc,GAAG;AAC9B,EAAE,gBAAgB,EAAE,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AAC/G,EAAE,eAAe,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,uBAAuB,CAAC;AACrE,CAAC;;ACFD,GAAG,CAAC,MAAM,GAAG;AACb,EAAE,cAAc,EAAE,cAAc;AAChC,CAAC;;ACHD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,gBAAgB,EAAE,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AACvF,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,eAAe,EAAE,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC"}
\ No newline at end of file
design_system_admin/dsfr/component/button/button.module.min.js
View file @ c70aacd8
/*! DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
/*! DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
const e=window.dsfr,t={EQUISIZED_BUTTON:`${e.internals.ns.selector("btns-group--equisized")} ${e.internals.ns.selector("btn")}`,EQUISIZED_GROUP:e.internals.ns.selector("btns-group--equisized")};e.button={ButtonSelector:t},e.internals.register(e.button.ButtonSelector.EQUISIZED_BUTTON,e.core.Equisized),e.internals.register(e.button.ButtonSelector.EQUISIZED_GROUP,e.core.EquisizedsGroup);
//# sourceMappingURL=button.module.min.js.map
design_system_admin/dsfr/component/button/button.module.min.js.map
View file @ c70aacd8
{"version":3,"file":"button.module.min.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/button/script/button/button-selector.js","../../../src/component/button/index.js","../../../src/component/button/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.10.1'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const ButtonSelector = {\n EQUISIZED_BUTTON: `${api.internals.ns.selector('btns-group--equisized')} ${api.internals.ns.selector('btn')}`,\n EQUISIZED_GROUP: api.internals.ns.selector('btns-group--equisized')\n};\n","import api from './api.js';\nimport { ButtonSelector } from './script/button/button-selector';\n\napi.button = {\n ButtonSelector: ButtonSelector\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.button.ButtonSelector.EQUISIZED_BUTTON, api.core.Equisized);\napi.internals.register(api.button.ButtonSelector.EQUISIZED_GROUP, api.core.EquisizedsGroup);\n\nexport default api;\n"],"names":["api","window","ButtonSelector","EQUISIZED_BUTTON","internals","ns","selector","EQUISIZED_GROUP","button","register","core","Equisized","EquisizedsGroup"],"mappings":";AAAA,MCCMA,EAAMC,OAAuB,KCCtBC,EAAiB,CAC5BC,iBAAkB,GAAGH,EAAII,UAAUC,GAAGC,SAAS,4BAA4BN,EAAII,UAAUC,GAAGC,SAAS,SACrGC,gBAAiBP,EAAII,UAAUC,GAAGC,SAAS,0BCD7CN,EAAIQ,OAAS,CACXN,eAAgBA,GCFlBF,EAAII,UAAUK,SAAST,EAAIQ,OAAON,eAAeC,iBAAkBH,EAAIU,KAAKC,WAC5EX,EAAII,UAAUK,SAAST,EAAIQ,OAAON,eAAeK,gBAAiBP,EAAIU,KAAKE"}
\ No newline at end of file
{"version":3,"file":"button.module.min.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/button/script/button/button-selector.js","../../../src/component/button/index.js","../../../src/component/button/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.11.0'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const ButtonSelector = {\n EQUISIZED_BUTTON: `${api.internals.ns.selector('btns-group--equisized')} ${api.internals.ns.selector('btn')}`,\n EQUISIZED_GROUP: api.internals.ns.selector('btns-group--equisized')\n};\n","import api from './api.js';\nimport { ButtonSelector } from './script/button/button-selector';\n\napi.button = {\n ButtonSelector: ButtonSelector\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.button.ButtonSelector.EQUISIZED_BUTTON, api.core.Equisized);\napi.internals.register(api.button.ButtonSelector.EQUISIZED_GROUP, api.core.EquisizedsGroup);\n\nexport default api;\n"],"names":["api","window","ButtonSelector","EQUISIZED_BUTTON","internals","ns","selector","EQUISIZED_GROUP","button","register","core","Equisized","EquisizedsGroup"],"mappings":";AAAA,MCCMA,EAAMC,OAAuB,KCCtBC,EAAiB,CAC5BC,iBAAkB,GAAGH,EAAII,UAAUC,GAAGC,SAAS,4BAA4BN,EAAII,UAAUC,GAAGC,SAAS,SACrGC,gBAAiBP,EAAII,UAAUC,GAAGC,SAAS,0BCD7CN,EAAIQ,OAAS,CACXN,eAAgBA,GCFlBF,EAAII,UAAUK,SAAST,EAAIQ,OAAON,eAAeC,iBAAkBH,EAAIU,KAAKC,WAC5EX,EAAII,UAAUK,SAAST,EAAIQ,OAAON,eAAeK,gBAAiBP,EAAIU,KAAKE"}
\ No newline at end of file
design_system_admin/dsfr/component/button/button.nomodule.js
View file @ c70aacd8
/*! DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
/*! DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
(function () {
'use strict';
......@@ -7,7 +7,7 @@
prefix: 'fr',
namespace: 'dsfr',
organisation: '@gouvfr',
version: '1.10.1'
version: '1.11.0'
};
var api = window[config.namespace];
......
design_system_admin/dsfr/component/button/button.nomodule.js.map
View file @ c70aacd8
{"version":3,"file":"button.nomodule.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/button/script/button/button-selector.js","../../../src/component/button/index.js","../../../src/component/button/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.10.1'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const ButtonSelector = {\n EQUISIZED_BUTTON: `${api.internals.ns.selector('btns-group--equisized')} ${api.internals.ns.selector('btn')}`,\n EQUISIZED_GROUP: api.internals.ns.selector('btns-group--equisized')\n};\n","import api from './api.js';\nimport { ButtonSelector } from './script/button/button-selector';\n\napi.button = {\n ButtonSelector: ButtonSelector\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.button.ButtonSelector.EQUISIZED_BUTTON, api.core.Equisized);\napi.internals.register(api.button.ButtonSelector.EQUISIZED_GROUP, api.core.EquisizedsGroup);\n\nexport default api;\n"],"names":["const"],"mappings":";;;;;EAAAA,IAAM,MAAM,GAAG;EACf,EAAE,MAAM,EAAE,IAAI;EACd,EAAE,SAAS,EAAE,MAAM;EACnB,EAAE,YAAY,EAAE,SAAS;EACzB,EAAE,OAAO,EAAE,QAAQ;EACnB,CAAC;;ECJDA,IAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;;ECC7BA,IAAM,cAAc,GAAG;EAC9B,EAAE,gBAAgB,IAAK,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,uBAAuB,YAAK,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,GAAG;EAC/G,EAAE,eAAe,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,uBAAuB,CAAC;EACrE,CAAC;;ECFD,GAAG,CAAC,MAAM,GAAG;EACb,EAAE,cAAc,EAAE,cAAc;EAChC,CAAC;;ECHD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,gBAAgB,EAAE,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;EACvF,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,eAAe,EAAE,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;;"}
\ No newline at end of file
{"version":3,"file":"button.nomodule.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/button/script/button/button-selector.js","../../../src/component/button/index.js","../../../src/component/button/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.11.0'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const ButtonSelector = {\n EQUISIZED_BUTTON: `${api.internals.ns.selector('btns-group--equisized')} ${api.internals.ns.selector('btn')}`,\n EQUISIZED_GROUP: api.internals.ns.selector('btns-group--equisized')\n};\n","import api from './api.js';\nimport { ButtonSelector } from './script/button/button-selector';\n\napi.button = {\n ButtonSelector: ButtonSelector\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.button.ButtonSelector.EQUISIZED_BUTTON, api.core.Equisized);\napi.internals.register(api.button.ButtonSelector.EQUISIZED_GROUP, api.core.EquisizedsGroup);\n\nexport default api;\n"],"names":["const"],"mappings":";;;;;EAAAA,IAAM,MAAM,GAAG;EACf,EAAE,MAAM,EAAE,IAAI;EACd,EAAE,SAAS,EAAE,MAAM;EACnB,EAAE,YAAY,EAAE,SAAS;EACzB,EAAE,OAAO,EAAE,QAAQ;EACnB,CAAC;;ECJDA,IAAM,GAAG,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;;ECC7BA,IAAM,cAAc,GAAG;EAC9B,EAAE,gBAAgB,IAAK,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,uBAAuB,YAAK,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,GAAG;EAC/G,EAAE,eAAe,EAAE,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC,QAAQ,CAAC,uBAAuB,CAAC;EACrE,CAAC;;ECFD,GAAG,CAAC,MAAM,GAAG;EACb,EAAE,cAAc,EAAE,cAAc;EAChC,CAAC;;ECHD,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,gBAAgB,EAAE,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;EACvF,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,cAAc,CAAC,eAAe,EAAE,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC;;"}
\ No newline at end of file
design_system_admin/dsfr/component/button/button.nomodule.min.js
View file @ c70aacd8
/*! DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
/*! DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */
!function(){"use strict";var t=window.dsfr,e={EQUISIZED_BUTTON:t.internals.ns.selector("btns-group--equisized")+" "+t.internals.ns.selector("btn"),EQUISIZED_GROUP:t.internals.ns.selector("btns-group--equisized")};t.button={ButtonSelector:e},t.internals.register(t.button.ButtonSelector.EQUISIZED_BUTTON,t.core.Equisized),t.internals.register(t.button.ButtonSelector.EQUISIZED_GROUP,t.core.EquisizedsGroup)}();
//# sourceMappingURL=button.nomodule.min.js.map
design_system_admin/dsfr/component/button/button.nomodule.min.js.map
View file @ c70aacd8
{"version":3,"file":"button.nomodule.min.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/button/script/button/button-selector.js","../../../src/component/button/index.js","../../../src/component/button/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.10.1'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const ButtonSelector = {\n EQUISIZED_BUTTON: `${api.internals.ns.selector('btns-group--equisized')} ${api.internals.ns.selector('btn')}`,\n EQUISIZED_GROUP: api.internals.ns.selector('btns-group--equisized')\n};\n","import api from './api.js';\nimport { ButtonSelector } from './script/button/button-selector';\n\napi.button = {\n ButtonSelector: ButtonSelector\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.button.ButtonSelector.EQUISIZED_BUTTON, api.core.Equisized);\napi.internals.register(api.button.ButtonSelector.EQUISIZED_GROUP, api.core.EquisizedsGroup);\n\nexport default api;\n"],"names":["const","api","window","ButtonSelector","EQUISIZED_BUTTON","internals","ns","selector","EQUISIZED_GROUP","button","register","core","Equisized","EquisizedsGroup"],"mappings":";yBAAAA,ICCMC,EAAMC,OAAuB,KCCtBC,EAAiB,CAC5BC,iBAAqBH,EAAII,UAAUC,GAAGC,SAAS,6BAA4BN,EAAII,UAAUC,GAAGC,SAAS,OACrGC,gBAAiBP,EAAII,UAAUC,GAAGC,SAAS,0BCD7CN,EAAIQ,OAAS,CACXN,eAAgBA,GCFlBF,EAAII,UAAUK,SAAST,EAAIQ,OAAON,eAAeC,iBAAkBH,EAAIU,KAAKC,WAC5EX,EAAII,UAAUK,SAAST,EAAIQ,OAAON,eAAeK,gBAAiBP,EAAIU,KAAKE"}
\ No newline at end of file
{"version":3,"file":"button.nomodule.min.js","sources":["../../../.config/config.js","../../../src/core/api.js","../../../src/component/button/script/button/button-selector.js","../../../src/component/button/index.js","../../../src/component/button/main.js"],"sourcesContent":["const config = {\r\n prefix: 'fr',\r\n namespace: 'dsfr',\r\n organisation: '@gouvfr',\r\n version: '1.11.0'\r\n};\r\n\r\nexport default config;\r\n","import config from './config.js';\nconst api = window[config.namespace];\nexport default api;\n","import api from '../../api.js';\n\nexport const ButtonSelector = {\n EQUISIZED_BUTTON: `${api.internals.ns.selector('btns-group--equisized')} ${api.internals.ns.selector('btn')}`,\n EQUISIZED_GROUP: api.internals.ns.selector('btns-group--equisized')\n};\n","import api from './api.js';\nimport { ButtonSelector } from './script/button/button-selector';\n\napi.button = {\n ButtonSelector: ButtonSelector\n};\n\nexport default api;\n","import api from './index.js';\n\napi.internals.register(api.button.ButtonSelector.EQUISIZED_BUTTON, api.core.Equisized);\napi.internals.register(api.button.ButtonSelector.EQUISIZED_GROUP, api.core.EquisizedsGroup);\n\nexport default api;\n"],"names":["const","api","window","ButtonSelector","EQUISIZED_BUTTON","internals","ns","selector","EQUISIZED_GROUP","button","register","core","Equisized","EquisizedsGroup"],"mappings":";yBAAAA,ICCMC,EAAMC,OAAuB,KCCtBC,EAAiB,CAC5BC,iBAAqBH,EAAII,UAAUC,GAAGC,SAAS,6BAA4BN,EAAII,UAAUC,GAAGC,SAAS,OACrGC,gBAAiBP,EAAII,UAAUC,GAAGC,SAAS,0BCD7CN,EAAIQ,OAAS,CACXN,eAAgBA,GCFlBF,EAAII,UAAUK,SAAST,EAAIQ,OAAON,eAAeC,iBAAkBH,EAAIU,KAAKC,WAC5EX,EAAII,UAAUK,SAAST,EAAIQ,OAAON,eAAeK,gBAAiBP,EAAIU,KAAKE"}
\ No newline at end of file
design_system_admin/dsfr/component/callout/callout.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@charset "UTF-8";
......@@ -13,6 +13,9 @@
--title-spacing: 0 0 0.5rem;
--text-spacing: 0;
margin: 0 0 1.5rem;
background-size: 0.25rem 100%;
background-position: 0 0;
background-repeat: no-repeat;
/**
* Inclusion de l'icône (optionnel)
......@@ -26,7 +29,7 @@
--idle: transparent;
--hover: var(--background-contrast-grey-hover);
--active: var(--background-contrast-grey-active);
box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-france);
background-image: linear-gradient(0deg, var(--border-default-blue-france), var(--border-default-blue-france));
}
.fr-callout[class^=fr-icon-]::before,
......@@ -58,7 +61,7 @@
}
.fr-callout--green-tilleul-verveine {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-tilleul-verveine);
background-image: linear-gradient(0deg, var(--border-default-green-tilleul-verveine), var(--border-default-green-tilleul-verveine));
background-color: var(--background-contrast-green-tilleul-verveine);
--idle: transparent;
......@@ -67,7 +70,7 @@
}
.fr-callout--green-bourgeon {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-bourgeon);
background-image: linear-gradient(0deg, var(--border-default-green-bourgeon), var(--border-default-green-bourgeon));
background-color: var(--background-contrast-green-bourgeon);
--idle: transparent;
......@@ -76,7 +79,7 @@
}
.fr-callout--green-emeraude {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-emeraude);
background-image: linear-gradient(0deg, var(--border-default-green-emeraude), var(--border-default-green-emeraude));
background-color: var(--background-contrast-green-emeraude);
--idle: transparent;
......@@ -85,7 +88,7 @@
}
.fr-callout--green-menthe {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-menthe);
background-image: linear-gradient(0deg, var(--border-default-green-menthe), var(--border-default-green-menthe));
background-color: var(--background-contrast-green-menthe);
--idle: transparent;
......@@ -94,7 +97,7 @@
}
.fr-callout--green-archipel {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-archipel);
background-image: linear-gradient(0deg, var(--border-default-green-archipel), var(--border-default-green-archipel));
background-color: var(--background-contrast-green-archipel);
--idle: transparent;
......@@ -103,7 +106,7 @@
}
.fr-callout--blue-ecume {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-ecume);
background-image: linear-gradient(0deg, var(--border-default-blue-ecume), var(--border-default-blue-ecume));
background-color: var(--background-contrast-blue-ecume);
--idle: transparent;
......@@ -112,7 +115,7 @@
}
.fr-callout--blue-cumulus {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-cumulus);
background-image: linear-gradient(0deg, var(--border-default-blue-cumulus), var(--border-default-blue-cumulus));
background-color: var(--background-contrast-blue-cumulus);
--idle: transparent;
......@@ -121,7 +124,7 @@
}
.fr-callout--purple-glycine {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-purple-glycine);
background-image: linear-gradient(0deg, var(--border-default-purple-glycine), var(--border-default-purple-glycine));
background-color: var(--background-contrast-purple-glycine);
--idle: transparent;
......@@ -130,7 +133,7 @@
}
.fr-callout--pink-macaron {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-pink-macaron);
background-image: linear-gradient(0deg, var(--border-default-pink-macaron), var(--border-default-pink-macaron));
background-color: var(--background-contrast-pink-macaron);
--idle: transparent;
......@@ -139,7 +142,7 @@
}
.fr-callout--pink-tuile {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-pink-tuile);
background-image: linear-gradient(0deg, var(--border-default-pink-tuile), var(--border-default-pink-tuile));
background-color: var(--background-contrast-pink-tuile);
--idle: transparent;
......@@ -148,7 +151,7 @@
}
.fr-callout--yellow-tournesol {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-yellow-tournesol);
background-image: linear-gradient(0deg, var(--border-default-yellow-tournesol), var(--border-default-yellow-tournesol));
background-color: var(--background-contrast-yellow-tournesol);
--idle: transparent;
......@@ -157,7 +160,7 @@
}
.fr-callout--yellow-moutarde {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-yellow-moutarde);
background-image: linear-gradient(0deg, var(--border-default-yellow-moutarde), var(--border-default-yellow-moutarde));
background-color: var(--background-contrast-yellow-moutarde);
--idle: transparent;
......@@ -166,7 +169,7 @@
}
.fr-callout--orange-terre-battue {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-orange-terre-battue);
background-image: linear-gradient(0deg, var(--border-default-orange-terre-battue), var(--border-default-orange-terre-battue));
background-color: var(--background-contrast-orange-terre-battue);
--idle: transparent;
......@@ -175,7 +178,7 @@
}
.fr-callout--brown-cafe-creme {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-cafe-creme);
background-image: linear-gradient(0deg, var(--border-default-brown-cafe-creme), var(--border-default-brown-cafe-creme));
background-color: var(--background-contrast-brown-cafe-creme);
--idle: transparent;
......@@ -184,7 +187,7 @@
}
.fr-callout--brown-caramel {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-caramel);
background-image: linear-gradient(0deg, var(--border-default-brown-caramel), var(--border-default-brown-caramel));
background-color: var(--background-contrast-brown-caramel);
--idle: transparent;
......@@ -193,7 +196,7 @@
}
.fr-callout--brown-opera {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-opera);
background-image: linear-gradient(0deg, var(--border-default-brown-opera), var(--border-default-brown-opera));
background-color: var(--background-contrast-brown-opera);
--idle: transparent;
......@@ -202,7 +205,7 @@
}
.fr-callout--beige-gris-galet {
box-shadow: inset 0.25rem 0 0 0 var(--border-default-beige-gris-galet);
background-image: linear-gradient(0deg, var(--border-default-beige-gris-galet), var(--border-default-beige-gris-galet));
background-color: var(--background-contrast-beige-gris-galet);
--idle: transparent;
......@@ -264,7 +267,7 @@
.fr-callout {
background-color: #eee;
box-shadow: inset 0.25rem 0 0 0 #6a6af4;
background-image: linear-gradient(0deg, #6a6af4, #6a6af4);
}
.fr-callout::before {
......@@ -272,87 +275,187 @@
}
.fr-callout--green-tilleul-verveine {
box-shadow: inset 0.25rem 0 0 0 #b7a73f;
background-image: linear-gradient(0deg, #b7a73f, #b7a73f);
background-color: #fceeac;
}
.fr-callout--green-bourgeon {
box-shadow: inset 0.25rem 0 0 0 #68a532;
background-image: linear-gradient(0deg, #68a532, #68a532);
background-color: #c9fcac;
}
.fr-callout--green-emeraude {
box-shadow: inset 0.25rem 0 0 0 #00a95f;
background-image: linear-gradient(0deg, #00a95f, #00a95f);
background-color: #c3fad5;
}
.fr-callout--green-menthe {
box-shadow: inset 0.25rem 0 0 0 #009081;
background-image: linear-gradient(0deg, #009081, #009081);
background-color: #bafaee;
}
.fr-callout--green-archipel {
box-shadow: inset 0.25rem 0 0 0 #009099;
background-image: linear-gradient(0deg, #009099, #009099);
background-color: #c7f6fc;
}
.fr-callout--blue-ecume {
box-shadow: inset 0.25rem 0 0 0 #465f9d;
background-image: linear-gradient(0deg, #465f9d, #465f9d);
background-color: #e9edfe;
}
.fr-callout--blue-cumulus {
box-shadow: inset 0.25rem 0 0 0 #417dc4;
background-image: linear-gradient(0deg, #417dc4, #417dc4);
background-color: #e6eefe;
}
.fr-callout--purple-glycine {
box-shadow: inset 0.25rem 0 0 0 #a558a0;
background-image: linear-gradient(0deg, #a558a0, #a558a0);
background-color: #fee7fc;
}
.fr-callout--pink-macaron {
box-shadow: inset 0.25rem 0 0 0 #e18b76;
background-image: linear-gradient(0deg, #e18b76, #e18b76);
background-color: #fee9e6;
}
.fr-callout--pink-tuile {
box-shadow: inset 0.25rem 0 0 0 #ce614a;
background-image: linear-gradient(0deg, #ce614a, #ce614a);
background-color: #fee9e7;
}
.fr-callout--yellow-tournesol {
box-shadow: inset 0.25rem 0 0 0 #c8aa39;
background-image: linear-gradient(0deg, #c8aa39, #c8aa39);
background-color: #feecc2;
}
.fr-callout--yellow-moutarde {
box-shadow: inset 0.25rem 0 0 0 #c3992a;
background-image: linear-gradient(0deg, #c3992a, #c3992a);
background-color: #feebd0;
}
.fr-callout--orange-terre-battue {
box-shadow: inset 0.25rem 0 0 0 #e4794a;
background-image: linear-gradient(0deg, #e4794a, #e4794a);
background-color: #fee9e5;
}
.fr-callout--brown-cafe-creme {
box-shadow: inset 0.25rem 0 0 0 #d1b781;
background-image: linear-gradient(0deg, #d1b781, #d1b781);
background-color: #f7ecdb;
}
.fr-callout--brown-caramel {
box-shadow: inset 0.25rem 0 0 0 #c08c65;
background-image: linear-gradient(0deg, #c08c65, #c08c65);
background-color: #f7ebe5;
}
.fr-callout--brown-opera {
box-shadow: inset 0.25rem 0 0 0 #bd987a;
background-image: linear-gradient(0deg, #bd987a, #bd987a);
background-color: #f7ece4;
}
.fr-callout--beige-gris-galet {
box-shadow: inset 0.25rem 0 0 0 #aea397;
background-image: linear-gradient(0deg, #aea397, #aea397);
background-color: #f3ede5;
}
}
@media print {
.fr-callout {
background-color: #eee;
background-image: linear-gradient(0deg, #6a6af4, #6a6af4);
}
.fr-callout::before {
color: #161616;
}
.fr-callout__title {
color: #161616;
}
.fr-callout--green-tilleul-verveine {
background-image: linear-gradient(0deg, #b7a73f, #b7a73f);
background-color: #fceeac;
}
.fr-callout--green-bourgeon {
background-image: linear-gradient(0deg, #68a532, #68a532);
background-color: #c9fcac;
}
.fr-callout--green-emeraude {
background-image: linear-gradient(0deg, #00a95f, #00a95f);
background-color: #c3fad5;
}
.fr-callout--green-menthe {
background-image: linear-gradient(0deg, #009081, #009081);
background-color: #bafaee;
}
.fr-callout--green-archipel {
background-image: linear-gradient(0deg, #009099, #009099);
background-color: #c7f6fc;
}
.fr-callout--blue-ecume {
background-image: linear-gradient(0deg, #465f9d, #465f9d);
background-color: #e9edfe;
}
.fr-callout--blue-cumulus {
background-image: linear-gradient(0deg, #417dc4, #417dc4);
background-color: #e6eefe;
}
.fr-callout--purple-glycine {
background-image: linear-gradient(0deg, #a558a0, #a558a0);
background-color: #fee7fc;
}
.fr-callout--pink-macaron {
background-image: linear-gradient(0deg, #e18b76, #e18b76);
background-color: #fee9e6;
}
.fr-callout--pink-tuile {
background-image: linear-gradient(0deg, #ce614a, #ce614a);
background-color: #fee9e7;
}
.fr-callout--yellow-tournesol {
background-image: linear-gradient(0deg, #c8aa39, #c8aa39);
background-color: #feecc2;
}
.fr-callout--yellow-moutarde {
background-image: linear-gradient(0deg, #c3992a, #c3992a);
background-color: #feebd0;
}
.fr-callout--orange-terre-battue {
background-image: linear-gradient(0deg, #e4794a, #e4794a);
background-color: #fee9e5;
}
.fr-callout--brown-cafe-creme {
background-image: linear-gradient(0deg, #d1b781, #d1b781);
background-color: #f7ecdb;
}
.fr-callout--brown-caramel {
background-image: linear-gradient(0deg, #c08c65, #c08c65);
background-color: #f7ebe5;
}
.fr-callout--brown-opera {
background-image: linear-gradient(0deg, #bd987a, #bd987a);
background-color: #f7ece4;
}
.fr-callout--beige-gris-galet {
background-image: linear-gradient(0deg, #aea397, #aea397);
background-color: #f3ede5;
}
}
design_system_admin/dsfr/component/callout/callout.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","%3Cinput%20css%20c125A8%3E","file:///Users/ket/Documents/work/dsfr/src/component/callout/main.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_position.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_accent.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/style/_scheme.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cAAA;ACAA;ECGE,kBAAA;ECyBE,eAfE;;ECuFF,2BAAA;EAAA,iBAAA;EDxEA,kBAfE;;EFLJ;;IAAA;;EAsBA;;IAAA;EIME,iDAAA;;EAWI,mBAAA;EAqCJ,8CAAA;EAAA,gDAAA;EAhDA,iEAAA;ANbJ;;AOZE;;;;ELEI,cAAA;EEeF,wBAfE;AJmBN;;AQ/BE;EH+BE,gBAAA;EAXF,mBAAA;EAGE,oBAAA;ECYA,6BAAA;ANOJ;;AEjBE;EGLA,mBAAA;EAGE,oBAAA;AL6BJ;;AEpBE;EETI,gBAXA;AJ2CN;;AO7CE;EDyBE,6BAAA;AN+BJ;;AS9DM;EH+BF,4EAAA;EAAA,mEAAA;;EAWI,mBAAA;EAqCJ,gEAAA;EAAA,kEAAA;ANPJ;;ASxEM;EH+BF,oEAAA;EAAA,2DAAA;;EAWI,mBAAA;EAqCJ,wDAAA;EAAA,0DAAA;ANCJ;;AShFM;EH+BF,oEAAA;EAAA,2DAAA;;EAWI,mBAAA;EAqCJ,wDAAA;EAAA,0DAAA;ANSJ;;ASxFM;EH+BF,kEAAA;EAAA,yDAAA;;EAWI,mBAAA;EAqCJ,sDAAA;EAAA,wDAAA;ANiBJ;;AShGM;EH+BF,oEAAA;EAAA,2DAAA;;EAWI,mBAAA;EAqCJ,wDAAA;EAAA,0DAAA;ANyBJ;;ASxGM;EH+BF,gEAAA;EAAA,uDAAA;;EAWI,mBAAA;EAqCJ,oDAAA;EAAA,sDAAA;ANiCJ;;AShHM;EH+BF,kEAAA;EAAA,yDAAA;;EAWI,mBAAA;EAqCJ,sDAAA;EAAA,wDAAA;ANyCJ;;ASxHM;EH+BF,oEAAA;EAAA,2DAAA;;EAWI,mBAAA;EAqCJ,wDAAA;EAAA,0DAAA;ANiDJ;;AShIM;EH+BF,kEAAA;EAAA,yDAAA;;EAWI,mBAAA;EAqCJ,sDAAA;EAAA,wDAAA;ANyDJ;;ASxIM;EH+BF,gEAAA;EAAA,uDAAA;;EAWI,mBAAA;EAqCJ,oDAAA;EAAA,sDAAA;ANiEJ;;AShJM;EH+BF,sEAAA;EAAA,6DAAA;;EAWI,mBAAA;EAqCJ,0DAAA;EAAA,4DAAA;ANyEJ;;ASxJM;EH+BF,qEAAA;EAAA,4DAAA;;EAWI,mBAAA;EAqCJ,yDAAA;EAAA,2DAAA;ANiFJ;;AShKM;EH+BF,yEAAA;EAAA,gEAAA;;EAWI,mBAAA;EAqCJ,6DAAA;EAAA,+DAAA;ANyFJ;;ASxKM;EH+BF,sEAAA;EAAA,6DAAA;;EAWI,mBAAA;EAqCJ,0DAAA;EAAA,4DAAA;ANiGJ;;AShLM;EH+BF,mEAAA;EAAA,0DAAA;;EAWI,mBAAA;EAqCJ,uDAAA;EAAA,yDAAA;ANyGJ;;ASxLM;EH+BF,iEAAA;EAAA,wDAAA;;EAWI,mBAAA;EAqCJ,qDAAA;EAAA,uDAAA;ANiHJ;;AShMM;EH+BF,sEAAA;EAAA,6DAAA;;EAWI,mBAAA;EAqCJ,0DAAA;EAAA,4DAAA;ANyHJ;;AUnMI;ECRI,cAAA;;EAAA,cAAA;AXDR;;AUSI;ECRI,cAAA;ETFR;IE4BI,kBAfE;EJcJ;;EOhBA;;;;IHiBE,0BAfE;EJuBJ;;EQnCA;IHoBA,iBAAA;IAGE,iBAAA;ELwBF;;EW9CM,cAAA;AXER;;AUMI;ECRI,cAAA;;EAAA,cAAA;AXKR;;AUGI;ECRI,cAAA;;EAAA,cAAA;AXQR;;AYNI;ECDF;;GAAA;EAIE;ITqBA,kBAfE;IEuBF,cAAA;EN6LF;;EatNE;ITiBA,SAfE;EJuNJ;;EcjOA;IRiCE,sBAAA;IAAA,uCAAA;ENqMF;;EO9NA;IDyBE,cAAA;EN+MF;;ES9OI;IH+BF,uCAAA;IAAA,yBAAA;ENyNF;;ESxPI;IH+BF,uCAAA;IAAA,yBAAA;ENoOF;;ESnQI;IH+BF,uCAAA;IAAA,yBAAA;EN+OF;;ES9QI;IH+BF,uCAAA;IAAA,yBAAA;EN0PF;;ESzRI;IH+BF,uCAAA;IAAA,yBAAA;ENqQF;;ESpSI;IH+BF,uCAAA;IAAA,yBAAA;ENgRF;;ES/SI;IH+BF,uCAAA;IAAA,yBAAA;EN2RF;;ES1TI;IH+BF,uCAAA;IAAA,yBAAA;ENsSF;;ESrUI;IH+BF,uCAAA;IAAA,yBAAA;ENiTF;;EShVI;IH+BF,uCAAA;IAAA,yBAAA;EN4TF;;ES3VI;IH+BF,uCAAA;IAAA,yBAAA;ENuUF;;EStWI;IH+BF,uCAAA;IAAA,yBAAA;ENkVF;;ESjXI;IH+BF,uCAAA;IAAA,yBAAA;EN6VF;;ES5XI;IH+BF,uCAAA;IAAA,yBAAA;ENwWF;;ESvYI;IH+BF,uCAAA;IAAA,yBAAA;ENmXF;;ESlZI;IH+BF,uCAAA;IAAA,yBAAA;EN8XF;;ES7ZI;IH+BF,uCAAA;IAAA,yBAAA;ENyYF;AAxMF","file":"callout.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n CALLOUT\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-callout {\n position: relative;\n padding: 1.5rem;\n --title-spacing: 0 0 0.5rem;\n --text-spacing: 0;\n margin: 0 0 1.5rem;\n /**\n * Inclusion de l'icône (optionnel)\n */\n /**\n * Ajout de marge quand on inclut un bouton (optionnel)\n */\n}\n@media (min-width: 48em) {\n .fr-callout {\n padding: 2rem 3rem;\n }\n}\n.fr-callout[class^=fr-icon-]::before, .fr-callout[class*=\" fr-icon-\"]::before, .fr-callout[class^=fr-fi-]::before, .fr-callout[class*=\" fr-fi-\"]::before {\n display: block;\n margin: -0.5rem 0 0.5rem;\n}\n@media (min-width: 48em) {\n .fr-callout[class^=fr-icon-]::before, .fr-callout[class*=\" fr-icon-\"]::before, .fr-callout[class^=fr-fi-]::before, .fr-callout[class*=\" fr-fi-\"]::before {\n margin: -1rem 0 1rem -2rem;\n }\n}\n\n.fr-callout__title {\n font-weight: 700;\n font-size: 1.375rem;\n line-height: 1.75rem;\n}\n@media (min-width: 48em) {\n .fr-callout__title {\n font-size: 1.5rem;\n line-height: 2rem;\n }\n}\n.fr-callout__text {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.fr-callout .fr-btn {\n margin-top: 1rem;\n}\n\n.fr-callout {\n background-color: var(--background-contrast-grey);\n --idle: transparent;\n --hover: var(--background-contrast-grey-hover);\n --active: var(--background-contrast-grey-active);\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-france);\n}\n.fr-callout::before {\n color: var(--text-title-grey);\n}\n.fr-callout__title {\n color: var(--text-title-grey);\n}\n.fr-callout--green-tilleul-verveine {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-tilleul-verveine);\n background-color: var(--background-contrast-green-tilleul-verveine);\n --idle: transparent;\n --hover: var(--background-contrast-green-tilleul-verveine-hover);\n --active: var(--background-contrast-green-tilleul-verveine-active);\n}\n\n.fr-callout--green-bourgeon {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-bourgeon);\n background-color: var(--background-contrast-green-bourgeon);\n --idle: transparent;\n --hover: var(--background-contrast-green-bourgeon-hover);\n --active: var(--background-contrast-green-bourgeon-active);\n}\n\n.fr-callout--green-emeraude {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-emeraude);\n background-color: var(--background-contrast-green-emeraude);\n --idle: transparent;\n --hover: var(--background-contrast-green-emeraude-hover);\n --active: var(--background-contrast-green-emeraude-active);\n}\n\n.fr-callout--green-menthe {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-menthe);\n background-color: var(--background-contrast-green-menthe);\n --idle: transparent;\n --hover: var(--background-contrast-green-menthe-hover);\n --active: var(--background-contrast-green-menthe-active);\n}\n\n.fr-callout--green-archipel {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-green-archipel);\n background-color: var(--background-contrast-green-archipel);\n --idle: transparent;\n --hover: var(--background-contrast-green-archipel-hover);\n --active: var(--background-contrast-green-archipel-active);\n}\n\n.fr-callout--blue-ecume {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-ecume);\n background-color: var(--background-contrast-blue-ecume);\n --idle: transparent;\n --hover: var(--background-contrast-blue-ecume-hover);\n --active: var(--background-contrast-blue-ecume-active);\n}\n\n.fr-callout--blue-cumulus {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-blue-cumulus);\n background-color: var(--background-contrast-blue-cumulus);\n --idle: transparent;\n --hover: var(--background-contrast-blue-cumulus-hover);\n --active: var(--background-contrast-blue-cumulus-active);\n}\n\n.fr-callout--purple-glycine {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-purple-glycine);\n background-color: var(--background-contrast-purple-glycine);\n --idle: transparent;\n --hover: var(--background-contrast-purple-glycine-hover);\n --active: var(--background-contrast-purple-glycine-active);\n}\n\n.fr-callout--pink-macaron {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-pink-macaron);\n background-color: var(--background-contrast-pink-macaron);\n --idle: transparent;\n --hover: var(--background-contrast-pink-macaron-hover);\n --active: var(--background-contrast-pink-macaron-active);\n}\n\n.fr-callout--pink-tuile {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-pink-tuile);\n background-color: var(--background-contrast-pink-tuile);\n --idle: transparent;\n --hover: var(--background-contrast-pink-tuile-hover);\n --active: var(--background-contrast-pink-tuile-active);\n}\n\n.fr-callout--yellow-tournesol {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-yellow-tournesol);\n background-color: var(--background-contrast-yellow-tournesol);\n --idle: transparent;\n --hover: var(--background-contrast-yellow-tournesol-hover);\n --active: var(--background-contrast-yellow-tournesol-active);\n}\n\n.fr-callout--yellow-moutarde {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-yellow-moutarde);\n background-color: var(--background-contrast-yellow-moutarde);\n --idle: transparent;\n --hover: var(--background-contrast-yellow-moutarde-hover);\n --active: var(--background-contrast-yellow-moutarde-active);\n}\n\n.fr-callout--orange-terre-battue {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-orange-terre-battue);\n background-color: var(--background-contrast-orange-terre-battue);\n --idle: transparent;\n --hover: var(--background-contrast-orange-terre-battue-hover);\n --active: var(--background-contrast-orange-terre-battue-active);\n}\n\n.fr-callout--brown-cafe-creme {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-cafe-creme);\n background-color: var(--background-contrast-brown-cafe-creme);\n --idle: transparent;\n --hover: var(--background-contrast-brown-cafe-creme-hover);\n --active: var(--background-contrast-brown-cafe-creme-active);\n}\n\n.fr-callout--brown-caramel {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-caramel);\n background-color: var(--background-contrast-brown-caramel);\n --idle: transparent;\n --hover: var(--background-contrast-brown-caramel-hover);\n --active: var(--background-contrast-brown-caramel-active);\n}\n\n.fr-callout--brown-opera {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-brown-opera);\n background-color: var(--background-contrast-brown-opera);\n --idle: transparent;\n --hover: var(--background-contrast-brown-opera-hover);\n --active: var(--background-contrast-brown-opera-active);\n}\n\n.fr-callout--beige-gris-galet {\n box-shadow: inset 0.25rem 0 0 0 var(--border-default-beige-gris-galet);\n background-color: var(--background-contrast-beige-gris-galet);\n --idle: transparent;\n --hover: var(--background-contrast-beige-gris-galet-hover);\n --active: var(--background-contrast-beige-gris-galet-active);\n}\n\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * Marge des titres et textes\n */\n .fr-callout__title {\n margin: 0 0 0.5rem;\n }\n .fr-callout__text {\n margin: 0;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout {\n background-color: #eee;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout {\n box-shadow: inset 0.25rem 0 0 0 #6a6af4;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout::before {\n color: #161616;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout__title {\n color: #161616;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-tilleul-verveine {\n box-shadow: inset 0.25rem 0 0 0 #b7a73f;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-tilleul-verveine {\n background-color: #fceeac;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-bourgeon {\n box-shadow: inset 0.25rem 0 0 0 #68a532;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-bourgeon {\n background-color: #c9fcac;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-emeraude {\n box-shadow: inset 0.25rem 0 0 0 #00a95f;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-emeraude {\n background-color: #c3fad5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-menthe {\n box-shadow: inset 0.25rem 0 0 0 #009081;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-menthe {\n background-color: #bafaee;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-archipel {\n box-shadow: inset 0.25rem 0 0 0 #009099;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-archipel {\n background-color: #c7f6fc;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-ecume {\n box-shadow: inset 0.25rem 0 0 0 #465f9d;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-ecume {\n background-color: #e9edfe;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-cumulus {\n box-shadow: inset 0.25rem 0 0 0 #417dc4;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-cumulus {\n background-color: #e6eefe;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--purple-glycine {\n box-shadow: inset 0.25rem 0 0 0 #a558a0;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--purple-glycine {\n background-color: #fee7fc;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-macaron {\n box-shadow: inset 0.25rem 0 0 0 #e18b76;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-macaron {\n background-color: #fee9e6;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-tuile {\n box-shadow: inset 0.25rem 0 0 0 #ce614a;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-tuile {\n background-color: #fee9e7;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-tournesol {\n box-shadow: inset 0.25rem 0 0 0 #c8aa39;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-tournesol {\n background-color: #feecc2;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-moutarde {\n box-shadow: inset 0.25rem 0 0 0 #c3992a;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-moutarde {\n background-color: #feebd0;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--orange-terre-battue {\n box-shadow: inset 0.25rem 0 0 0 #e4794a;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--orange-terre-battue {\n background-color: #fee9e5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-cafe-creme {\n box-shadow: inset 0.25rem 0 0 0 #d1b781;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-cafe-creme {\n background-color: #f7ecdb;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-caramel {\n box-shadow: inset 0.25rem 0 0 0 #c08c65;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-caramel {\n background-color: #f7ebe5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-opera {\n box-shadow: inset 0.25rem 0 0 0 #bd987a;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-opera {\n background-color: #f7ece4;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--beige-gris-galet {\n box-shadow: inset 0.25rem 0 0 0 #aea397;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--beige-gris-galet {\n background-color: #f3ede5;\n }\n}","////\n/// Callout Main\n/// @group callout\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n CALLOUT\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 _callout-scheme;\n","////\n/// Callout Module\n/// @group callout\n////\n\n#{ns(callout)} {\n @include relative();\n @include padding(6v);\n @include padding(8v 12v, md);\n @include set-title-margin(0 0 2v);\n @include set-text-margin(0);\n @include margin(map-get($text-spacing, text));\n\n /**\n * Inclusion de l'icône (optionnel)\n */\n @include has-icon {\n @include before {\n display: block;\n @include margin(-2v 0 2v);\n\n @include respond-from(md) {\n @include margin(-4v 0 4v -8v);\n }\n }\n }\n\n @include title() {\n @include title-style(h4);\n }\n\n &__text {\n @include text-style(lg);\n }\n\n /**\n * Ajout de marge quand on inclut un bouton (optionnel)\n */\n #{ns(btn)} {\n @include margin-top(4v);\n }\n}\n","////\n/// Core Tool : Spacing position\n/// @group core\n////\n\n@use 'module/spacing';\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@mixin top($top) {\n top: spacing.space($top);\n}\n\n@mixin right($top) {\n right: spacing.space($top);\n}\n\n@mixin bottom($top) {\n bottom: spacing.space($top);\n}\n\n@mixin left($top) {\n left: spacing.space($top);\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\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: spacing.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/// 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","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin 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: token.normalise($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: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\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 background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include 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 transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\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 background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include 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 text($tokens, $options) {\n @include element(color, text, $tokens, $options);\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 text-fill($tokens, $options) {\n @include element(-webkit-text-fill-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 fill($tokens, $options) {\n @include 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 border($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 element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\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 outline($tokens, $options, $value:1px solid $COLOR) {\n @include 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 box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($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 element(box-shadow, border, $tokens, $options, spacing.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 no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\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 : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","@use 'sass:map';\n@use 'sass:list';\n@use '../variable/accent';\n@use '../variable/sets';\n\n@mixin accentuate () {\n $accents: map.get(sets.$values, accent);\n @at-root {\n @each $tint, $value in $accents {\n @include accent.set($tint);\n &--#{$tint} {\n @content;\n }\n }\n }\n @include accent.end();\n}\n","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Callout Legacy\n/// @group callout\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * Marge des titres et textes\n */\n #{ns(callout)} {\n &__title {\n @include margin(0 0 2v);\n }\n\n &__text {\n @include margin(0);\n }\n }\n}\n","////\n/// Callout Scheme\n/// @group callout\n////\n\n@use 'module/color';\n\n@mixin _callout-scheme($legacy: false) {\n #{ns(callout)} {\n @include color.background(contrast grey, (legacy:$legacy));\n @include color.box-shadow(default blue-france, (legacy:$legacy), left-1v-in);\n\n @include before {\n @include color.text(title grey, (legacy:$legacy));\n }\n\n @include title {\n @include color.text(title grey, (legacy:$legacy));\n }\n\n @include color.accentuate {\n @include color.box-shadow(default accent, (legacy:$legacy), left-1v-in);\n @include color.background(contrast accent, (legacy:$legacy));\n }\n }\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","%3Cinput%20css%20hQp-Hp%3E","file:///Users/ket/Documents/work/dsfr/src/component/callout/main.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/style/_module.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_position.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/typography/tool/_styles.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_block.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_accent.scss","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/print.scss"],"names":[],"mappings":"AAAA;;GAAA;ACAA,gBAAgB;;ACKhB;;cAAA;ACEA;ECCE,kBAAA;ECyBE,eAfE;;ECuFF,2BAAA;EAAA,iBAAA;EDxEA,kBAfE;EFJJ,6BAAA;EACA,wBAAA;EACA,4BAAA;;EAEA;;IAAA;;EAsBA;;IAAA;EICE,iDAAA;;EAWI,mBAAA;EAqCJ,8CAAA;EAAA,gDAAA;EAhDA,6GAAA;ANVJ;;AOfE;;;;ELOI,cAAA;EEUF,wBAfE;AJsBN;;AQlCE;EH+BE,gBAAA;EAXF,mBAAA;EAGE,oBAAA;ECYA,6BAAA;ANUJ;;AEfE;EGVA,mBAAA;EAGE,oBAAA;ALgCJ;;AElBE;EEdI,gBAXA;AJ8CN;;AOhDE;EDyBE,6BAAA;ANkCJ;;ASjEM;EH+BF,mIAAA;EAAA,mEAAA;;EAWI,mBAAA;EAqCJ,gEAAA;EAAA,kEAAA;ANJJ;;AS3EM;EH+BF,mHAAA;EAAA,2DAAA;;EAWI,mBAAA;EAqCJ,wDAAA;EAAA,0DAAA;ANIJ;;ASnFM;EH+BF,mHAAA;EAAA,2DAAA;;EAWI,mBAAA;EAqCJ,wDAAA;EAAA,0DAAA;ANYJ;;AS3FM;EH+BF,+GAAA;EAAA,yDAAA;;EAWI,mBAAA;EAqCJ,sDAAA;EAAA,wDAAA;ANoBJ;;ASnGM;EH+BF,mHAAA;EAAA,2DAAA;;EAWI,mBAAA;EAqCJ,wDAAA;EAAA,0DAAA;AN4BJ;;AS3GM;EH+BF,2GAAA;EAAA,uDAAA;;EAWI,mBAAA;EAqCJ,oDAAA;EAAA,sDAAA;ANoCJ;;ASnHM;EH+BF,+GAAA;EAAA,yDAAA;;EAWI,mBAAA;EAqCJ,sDAAA;EAAA,wDAAA;AN4CJ;;AS3HM;EH+BF,mHAAA;EAAA,2DAAA;;EAWI,mBAAA;EAqCJ,wDAAA;EAAA,0DAAA;ANoDJ;;ASnIM;EH+BF,+GAAA;EAAA,yDAAA;;EAWI,mBAAA;EAqCJ,sDAAA;EAAA,wDAAA;AN4DJ;;AS3IM;EH+BF,2GAAA;EAAA,uDAAA;;EAWI,mBAAA;EAqCJ,oDAAA;EAAA,sDAAA;ANoEJ;;ASnJM;EH+BF,uHAAA;EAAA,6DAAA;;EAWI,mBAAA;EAqCJ,0DAAA;EAAA,4DAAA;AN4EJ;;AS3JM;EH+BF,qHAAA;EAAA,4DAAA;;EAWI,mBAAA;EAqCJ,yDAAA;EAAA,2DAAA;ANoFJ;;ASnKM;EH+BF,6HAAA;EAAA,gEAAA;;EAWI,mBAAA;EAqCJ,6DAAA;EAAA,+DAAA;AN4FJ;;AS3KM;EH+BF,uHAAA;EAAA,6DAAA;;EAWI,mBAAA;EAqCJ,0DAAA;EAAA,4DAAA;ANoGJ;;ASnLM;EH+BF,iHAAA;EAAA,0DAAA;;EAWI,mBAAA;EAqCJ,uDAAA;EAAA,yDAAA;AN4GJ;;AS3LM;EH+BF,6GAAA;EAAA,wDAAA;;EAWI,mBAAA;EAqCJ,qDAAA;EAAA,uDAAA;ANoHJ;;ASnMM;EH+BF,uHAAA;EAAA,6DAAA;;EAWI,mBAAA;EAqCJ,0DAAA;EAAA,4DAAA;AN4HJ;;AUtMI;ECRI,cAAA;;EAAA,cAAA;AXDR;;AUSI;ECRI,cAAA;ETAR;IE0BI,kBAfE;EJiBJ;;EOnBA;;;;IHiBE,0BAfE;EJ0BJ;;EQtCA;IHoBA,iBAAA;IAGE,iBAAA;EL2BF;;EWjDM,cAAA;AXER;;AUMI;ECRI,cAAA;;EAAA,cAAA;AXKR;;AUGI;ECRI,cAAA;;EAAA,cAAA;AXQR;;AYNI;ECDF;;GAAA;EAIE;ITqBA,kBAfE;IEuBF,cAAA;ENgMF;;EazNE;ITiBA,SAfE;EJ0NJ;;EcpOA;IRiCE,sBAAA;IAAA,yDAAA;ENwMF;;EOjOA;IDyBE,cAAA;ENkNF;;ESjPI;IH+BF,yDAAA;IAAA,yBAAA;EN4NF;;ES3PI;IH+BF,yDAAA;IAAA,yBAAA;ENuOF;;EStQI;IH+BF,yDAAA;IAAA,yBAAA;ENkPF;;ESjRI;IH+BF,yDAAA;IAAA,yBAAA;EN6PF;;ES5RI;IH+BF,yDAAA;IAAA,yBAAA;ENwQF;;ESvSI;IH+BF,yDAAA;IAAA,yBAAA;ENmRF;;ESlTI;IH+BF,yDAAA;IAAA,yBAAA;EN8RF;;ES7TI;IH+BF,yDAAA;IAAA,yBAAA;ENySF;;ESxUI;IH+BF,yDAAA;IAAA,yBAAA;ENoTF;;ESnVI;IH+BF,yDAAA;IAAA,yBAAA;EN+TF;;ES9VI;IH+BF,yDAAA;IAAA,yBAAA;EN0UF;;ESzWI;IH+BF,yDAAA;IAAA,yBAAA;ENqVF;;ESpXI;IH+BF,yDAAA;IAAA,yBAAA;ENgWF;;ES/XI;IH+BF,yDAAA;IAAA,yBAAA;EN2WF;;ES1YI;IH+BF,yDAAA;IAAA,yBAAA;ENsXF;;ESrZI;IH+BF,yDAAA;IAAA,yBAAA;ENiYF;;EShaI;IH+BF,yDAAA;IAAA,yBAAA;EN4YF;AAxMF;;AexOA;EDGE;IRiCE,sBAAA;IAAA,yDAAA;ENwZF;;EOjbA;IDyBE,cAAA;EN2ZF;;EQ9bA;IFmCE,cAAA;EN8ZF;;ES7bI;IH+BF,yDAAA;IAAA,yBAAA;ENkaF;;ESjcI;IH+BF,yDAAA;IAAA,yBAAA;ENsaF;;ESrcI;IH+BF,yDAAA;IAAA,yBAAA;EN0aF;;ESzcI;IH+BF,yDAAA;IAAA,yBAAA;EN8aF;;ES7cI;IH+BF,yDAAA;IAAA,yBAAA;ENkbF;;ESjdI;IH+BF,yDAAA;IAAA,yBAAA;ENsbF;;ESrdI;IH+BF,yDAAA;IAAA,yBAAA;EN0bF;;ESzdI;IH+BF,yDAAA;IAAA,yBAAA;EN8bF;;ES7dI;IH+BF,yDAAA;IAAA,yBAAA;ENkcF;;ESjeI;IH+BF,yDAAA;IAAA,yBAAA;ENscF;;ESreI;IH+BF,yDAAA;IAAA,yBAAA;EN0cF;;ESzeI;IH+BF,yDAAA;IAAA,yBAAA;EN8cF;;ES7eI;IH+BF,yDAAA;IAAA,yBAAA;ENkdF;;ESjfI;IH+BF,yDAAA;IAAA,yBAAA;ENsdF;;ESrfI;IH+BF,yDAAA;IAAA,yBAAA;EN0dF;;ESzfI;IH+BF,yDAAA;IAAA,yBAAA;EN8dF;;ES7fI;IH+BF,yDAAA;IAAA,yBAAA;ENkeF;AACF","file":"callout.css","sourcesContent":[null,"@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n CALLOUT\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-callout {\n position: relative;\n padding: 1.5rem;\n --title-spacing: 0 0 0.5rem;\n --text-spacing: 0;\n margin: 0 0 1.5rem;\n background-size: 0.25rem 100%;\n background-position: 0 0;\n background-repeat: no-repeat;\n /**\n * Inclusion de l'icône (optionnel)\n */\n /**\n * Ajout de marge quand on inclut un bouton (optionnel)\n */\n}\n@media (min-width: 48em) {\n .fr-callout {\n padding: 2rem 3rem;\n }\n}\n.fr-callout[class^=fr-icon-]::before, .fr-callout[class*=\" fr-icon-\"]::before, .fr-callout[class^=fr-fi-]::before, .fr-callout[class*=\" fr-fi-\"]::before {\n display: block;\n margin: -0.5rem 0 0.5rem;\n}\n@media (min-width: 48em) {\n .fr-callout[class^=fr-icon-]::before, .fr-callout[class*=\" fr-icon-\"]::before, .fr-callout[class^=fr-fi-]::before, .fr-callout[class*=\" fr-fi-\"]::before {\n margin: -1rem 0 1rem -2rem;\n }\n}\n\n.fr-callout__title {\n font-weight: 700;\n font-size: 1.375rem;\n line-height: 1.75rem;\n}\n@media (min-width: 48em) {\n .fr-callout__title {\n font-size: 1.5rem;\n line-height: 2rem;\n }\n}\n.fr-callout__text {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\n.fr-callout .fr-btn {\n margin-top: 1rem;\n}\n\n.fr-callout {\n background-color: var(--background-contrast-grey);\n --idle: transparent;\n --hover: var(--background-contrast-grey-hover);\n --active: var(--background-contrast-grey-active);\n background-image: linear-gradient(0deg, var(--border-default-blue-france), var(--border-default-blue-france));\n}\n.fr-callout::before {\n color: var(--text-title-grey);\n}\n.fr-callout__title {\n color: var(--text-title-grey);\n}\n.fr-callout--green-tilleul-verveine {\n background-image: linear-gradient(0deg, var(--border-default-green-tilleul-verveine), var(--border-default-green-tilleul-verveine));\n background-color: var(--background-contrast-green-tilleul-verveine);\n --idle: transparent;\n --hover: var(--background-contrast-green-tilleul-verveine-hover);\n --active: var(--background-contrast-green-tilleul-verveine-active);\n}\n\n.fr-callout--green-bourgeon {\n background-image: linear-gradient(0deg, var(--border-default-green-bourgeon), var(--border-default-green-bourgeon));\n background-color: var(--background-contrast-green-bourgeon);\n --idle: transparent;\n --hover: var(--background-contrast-green-bourgeon-hover);\n --active: var(--background-contrast-green-bourgeon-active);\n}\n\n.fr-callout--green-emeraude {\n background-image: linear-gradient(0deg, var(--border-default-green-emeraude), var(--border-default-green-emeraude));\n background-color: var(--background-contrast-green-emeraude);\n --idle: transparent;\n --hover: var(--background-contrast-green-emeraude-hover);\n --active: var(--background-contrast-green-emeraude-active);\n}\n\n.fr-callout--green-menthe {\n background-image: linear-gradient(0deg, var(--border-default-green-menthe), var(--border-default-green-menthe));\n background-color: var(--background-contrast-green-menthe);\n --idle: transparent;\n --hover: var(--background-contrast-green-menthe-hover);\n --active: var(--background-contrast-green-menthe-active);\n}\n\n.fr-callout--green-archipel {\n background-image: linear-gradient(0deg, var(--border-default-green-archipel), var(--border-default-green-archipel));\n background-color: var(--background-contrast-green-archipel);\n --idle: transparent;\n --hover: var(--background-contrast-green-archipel-hover);\n --active: var(--background-contrast-green-archipel-active);\n}\n\n.fr-callout--blue-ecume {\n background-image: linear-gradient(0deg, var(--border-default-blue-ecume), var(--border-default-blue-ecume));\n background-color: var(--background-contrast-blue-ecume);\n --idle: transparent;\n --hover: var(--background-contrast-blue-ecume-hover);\n --active: var(--background-contrast-blue-ecume-active);\n}\n\n.fr-callout--blue-cumulus {\n background-image: linear-gradient(0deg, var(--border-default-blue-cumulus), var(--border-default-blue-cumulus));\n background-color: var(--background-contrast-blue-cumulus);\n --idle: transparent;\n --hover: var(--background-contrast-blue-cumulus-hover);\n --active: var(--background-contrast-blue-cumulus-active);\n}\n\n.fr-callout--purple-glycine {\n background-image: linear-gradient(0deg, var(--border-default-purple-glycine), var(--border-default-purple-glycine));\n background-color: var(--background-contrast-purple-glycine);\n --idle: transparent;\n --hover: var(--background-contrast-purple-glycine-hover);\n --active: var(--background-contrast-purple-glycine-active);\n}\n\n.fr-callout--pink-macaron {\n background-image: linear-gradient(0deg, var(--border-default-pink-macaron), var(--border-default-pink-macaron));\n background-color: var(--background-contrast-pink-macaron);\n --idle: transparent;\n --hover: var(--background-contrast-pink-macaron-hover);\n --active: var(--background-contrast-pink-macaron-active);\n}\n\n.fr-callout--pink-tuile {\n background-image: linear-gradient(0deg, var(--border-default-pink-tuile), var(--border-default-pink-tuile));\n background-color: var(--background-contrast-pink-tuile);\n --idle: transparent;\n --hover: var(--background-contrast-pink-tuile-hover);\n --active: var(--background-contrast-pink-tuile-active);\n}\n\n.fr-callout--yellow-tournesol {\n background-image: linear-gradient(0deg, var(--border-default-yellow-tournesol), var(--border-default-yellow-tournesol));\n background-color: var(--background-contrast-yellow-tournesol);\n --idle: transparent;\n --hover: var(--background-contrast-yellow-tournesol-hover);\n --active: var(--background-contrast-yellow-tournesol-active);\n}\n\n.fr-callout--yellow-moutarde {\n background-image: linear-gradient(0deg, var(--border-default-yellow-moutarde), var(--border-default-yellow-moutarde));\n background-color: var(--background-contrast-yellow-moutarde);\n --idle: transparent;\n --hover: var(--background-contrast-yellow-moutarde-hover);\n --active: var(--background-contrast-yellow-moutarde-active);\n}\n\n.fr-callout--orange-terre-battue {\n background-image: linear-gradient(0deg, var(--border-default-orange-terre-battue), var(--border-default-orange-terre-battue));\n background-color: var(--background-contrast-orange-terre-battue);\n --idle: transparent;\n --hover: var(--background-contrast-orange-terre-battue-hover);\n --active: var(--background-contrast-orange-terre-battue-active);\n}\n\n.fr-callout--brown-cafe-creme {\n background-image: linear-gradient(0deg, var(--border-default-brown-cafe-creme), var(--border-default-brown-cafe-creme));\n background-color: var(--background-contrast-brown-cafe-creme);\n --idle: transparent;\n --hover: var(--background-contrast-brown-cafe-creme-hover);\n --active: var(--background-contrast-brown-cafe-creme-active);\n}\n\n.fr-callout--brown-caramel {\n background-image: linear-gradient(0deg, var(--border-default-brown-caramel), var(--border-default-brown-caramel));\n background-color: var(--background-contrast-brown-caramel);\n --idle: transparent;\n --hover: var(--background-contrast-brown-caramel-hover);\n --active: var(--background-contrast-brown-caramel-active);\n}\n\n.fr-callout--brown-opera {\n background-image: linear-gradient(0deg, var(--border-default-brown-opera), var(--border-default-brown-opera));\n background-color: var(--background-contrast-brown-opera);\n --idle: transparent;\n --hover: var(--background-contrast-brown-opera-hover);\n --active: var(--background-contrast-brown-opera-active);\n}\n\n.fr-callout--beige-gris-galet {\n background-image: linear-gradient(0deg, var(--border-default-beige-gris-galet), var(--border-default-beige-gris-galet));\n background-color: var(--background-contrast-beige-gris-galet);\n --idle: transparent;\n --hover: var(--background-contrast-beige-gris-galet-hover);\n --active: var(--background-contrast-beige-gris-galet-active);\n}\n\n@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * Marge des titres et textes\n */\n .fr-callout__title {\n margin: 0 0 0.5rem;\n }\n .fr-callout__text {\n margin: 0;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout {\n background-color: #eee;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout {\n background-image: linear-gradient(0deg, #6a6af4, #6a6af4);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout::before {\n color: #161616;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout__title {\n color: #161616;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-tilleul-verveine {\n background-image: linear-gradient(0deg, #b7a73f, #b7a73f);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-tilleul-verveine {\n background-color: #fceeac;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-bourgeon {\n background-image: linear-gradient(0deg, #68a532, #68a532);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-bourgeon {\n background-color: #c9fcac;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-emeraude {\n background-image: linear-gradient(0deg, #00a95f, #00a95f);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-emeraude {\n background-color: #c3fad5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-menthe {\n background-image: linear-gradient(0deg, #009081, #009081);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-menthe {\n background-color: #bafaee;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-archipel {\n background-image: linear-gradient(0deg, #009099, #009099);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-archipel {\n background-color: #c7f6fc;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-ecume {\n background-image: linear-gradient(0deg, #465f9d, #465f9d);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-ecume {\n background-color: #e9edfe;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-cumulus {\n background-image: linear-gradient(0deg, #417dc4, #417dc4);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-cumulus {\n background-color: #e6eefe;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--purple-glycine {\n background-image: linear-gradient(0deg, #a558a0, #a558a0);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--purple-glycine {\n background-color: #fee7fc;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-macaron {\n background-image: linear-gradient(0deg, #e18b76, #e18b76);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-macaron {\n background-color: #fee9e6;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-tuile {\n background-image: linear-gradient(0deg, #ce614a, #ce614a);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-tuile {\n background-color: #fee9e7;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-tournesol {\n background-image: linear-gradient(0deg, #c8aa39, #c8aa39);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-tournesol {\n background-color: #feecc2;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-moutarde {\n background-image: linear-gradient(0deg, #c3992a, #c3992a);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-moutarde {\n background-color: #feebd0;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--orange-terre-battue {\n background-image: linear-gradient(0deg, #e4794a, #e4794a);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--orange-terre-battue {\n background-color: #fee9e5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-cafe-creme {\n background-image: linear-gradient(0deg, #d1b781, #d1b781);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-cafe-creme {\n background-color: #f7ecdb;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-caramel {\n background-image: linear-gradient(0deg, #c08c65, #c08c65);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-caramel {\n background-color: #f7ebe5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-opera {\n background-image: linear-gradient(0deg, #bd987a, #bd987a);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-opera {\n background-color: #f7ece4;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--beige-gris-galet {\n background-image: linear-gradient(0deg, #aea397, #aea397);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--beige-gris-galet {\n background-color: #f3ede5;\n }\n}\n\n@media print {\n .fr-callout {\n background-color: #eee;\n background-image: linear-gradient(0deg, #6a6af4, #6a6af4);\n }\n .fr-callout::before {\n color: #161616;\n }\n .fr-callout__title {\n color: #161616;\n }\n .fr-callout--green-tilleul-verveine {\n background-image: linear-gradient(0deg, #b7a73f, #b7a73f);\n background-color: #fceeac;\n }\n .fr-callout--green-bourgeon {\n background-image: linear-gradient(0deg, #68a532, #68a532);\n background-color: #c9fcac;\n }\n .fr-callout--green-emeraude {\n background-image: linear-gradient(0deg, #00a95f, #00a95f);\n background-color: #c3fad5;\n }\n .fr-callout--green-menthe {\n background-image: linear-gradient(0deg, #009081, #009081);\n background-color: #bafaee;\n }\n .fr-callout--green-archipel {\n background-image: linear-gradient(0deg, #009099, #009099);\n background-color: #c7f6fc;\n }\n .fr-callout--blue-ecume {\n background-image: linear-gradient(0deg, #465f9d, #465f9d);\n background-color: #e9edfe;\n }\n .fr-callout--blue-cumulus {\n background-image: linear-gradient(0deg, #417dc4, #417dc4);\n background-color: #e6eefe;\n }\n .fr-callout--purple-glycine {\n background-image: linear-gradient(0deg, #a558a0, #a558a0);\n background-color: #fee7fc;\n }\n .fr-callout--pink-macaron {\n background-image: linear-gradient(0deg, #e18b76, #e18b76);\n background-color: #fee9e6;\n }\n .fr-callout--pink-tuile {\n background-image: linear-gradient(0deg, #ce614a, #ce614a);\n background-color: #fee9e7;\n }\n .fr-callout--yellow-tournesol {\n background-image: linear-gradient(0deg, #c8aa39, #c8aa39);\n background-color: #feecc2;\n }\n .fr-callout--yellow-moutarde {\n background-image: linear-gradient(0deg, #c3992a, #c3992a);\n background-color: #feebd0;\n }\n .fr-callout--orange-terre-battue {\n background-image: linear-gradient(0deg, #e4794a, #e4794a);\n background-color: #fee9e5;\n }\n .fr-callout--brown-cafe-creme {\n background-image: linear-gradient(0deg, #d1b781, #d1b781);\n background-color: #f7ecdb;\n }\n .fr-callout--brown-caramel {\n background-image: linear-gradient(0deg, #c08c65, #c08c65);\n background-color: #f7ebe5;\n }\n .fr-callout--brown-opera {\n background-image: linear-gradient(0deg, #bd987a, #bd987a);\n background-color: #f7ece4;\n }\n .fr-callout--beige-gris-galet {\n background-image: linear-gradient(0deg, #aea397, #aea397);\n background-color: #f3ede5;\n }\n}","////\n/// Callout Main\n/// @group callout\n////\n\n/* ¯¯¯¯¯¯¯¯¯ *\\\n CALLOUT\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 _callout-scheme;\n","////\n/// Callout Module\n/// @group callout\n////\n\n@use 'module/spacing';\n\n#{ns(callout)} {\n @include relative();\n @include padding(6v);\n @include padding(8v 12v, md);\n @include set-title-margin(0 0 2v);\n @include set-text-margin(0);\n @include margin(map-get($text-spacing, text));\n background-size: spacing.space(1v 100%);\n background-position: 0 0;\n background-repeat: no-repeat;\n\n /**\n * Inclusion de l'icône (optionnel)\n */\n @include has-icon {\n @include before {\n display: block;\n @include margin(-2v 0 2v);\n\n @include respond-from(md) {\n @include margin(-4v 0 4v -8v);\n }\n }\n }\n\n @include title() {\n @include title-style(h4);\n }\n\n &__text {\n @include text-style(lg);\n }\n\n /**\n * Ajout de marge quand on inclut un bouton (optionnel)\n */\n #{ns(btn)} {\n @include margin-top(4v);\n }\n}\n","////\n/// Core Tool : Spacing position\n/// @group core\n////\n\n@use 'module/spacing';\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@mixin top($top) {\n top: spacing.space($top);\n}\n\n@mixin right($top) {\n right: spacing.space($top);\n}\n\n@mixin bottom($top) {\n bottom: spacing.space($top);\n}\n\n@mixin left($top) {\n left: spacing.space($top);\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\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: spacing.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/// 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","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin 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 == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($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: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\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 background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include 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 transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\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 background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include 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 text($tokens, $options) {\n @include element(color, text, $tokens, $options);\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 text-fill($tokens, $options) {\n @include element(-webkit-text-fill-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 fill($tokens, $options) {\n @include 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 border($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 element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\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 outline($tokens, $options, $value:1px solid $COLOR) {\n @include 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 box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($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 element(box-shadow, border, $tokens, $options, spacing.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 no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\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 : Selector block\n/// @group core\n////\n\n@mixin title() {\n &__title {\n @content;\n }\n}\n\n@mixin body() {\n &__body {\n @content;\n }\n}\n\n@mixin list() {\n &__list {\n @content;\n }\n}\n\n@mixin list-item() {\n &__item {\n @content;\n }\n}\n","@use 'sass:map';\n@use 'sass:list';\n@use '../variable/accent';\n@use '../variable/sets';\n\n@mixin accentuate () {\n $accents: map.get(sets.$values, accent);\n @at-root {\n @each $tint, $value in $accents {\n @include accent.set($tint);\n &--#{$tint} {\n @content;\n }\n }\n }\n @include accent.end();\n}\n","@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Callout Legacy\n/// @group callout\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * Marge des titres et textes\n */\n #{ns(callout)} {\n &__title {\n @include margin(0 0 2v);\n }\n\n &__text {\n @include margin(0);\n }\n }\n}\n","////\n/// Callout Scheme\n/// @group callout\n////\n\n@use 'module/color';\n\n@mixin _callout-scheme($legacy: false) {\n #{ns(callout)} {\n @include color.background(contrast grey, (legacy:$legacy));\n @include color.background-image(border default blue-france, (legacy:$legacy));\n\n @include before {\n @include color.text(title grey, (legacy:$legacy));\n }\n\n @include title {\n @include color.text(title grey, (legacy:$legacy));\n }\n\n @include color.accentuate {\n @include color.background-image(border default accent, (legacy:$legacy));\n @include color.background(contrast accent, (legacy:$legacy));\n }\n }\n}\n","////\n/// Callout Print\n/// @group callout\n////\n\n@media print {\n @import 'index';\n @import 'style/scheme';\n\n @include _callout-scheme('print');\n}\n"]}
\ No newline at end of file
design_system_admin/dsfr/component/callout/callout.legacy.css
View file @ c70aacd8
/*!
* DSFR v1.10.1 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
* DSFR v1.11.0 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
*/
@media (min-width: 36em) {
/*! media sm */
......@@ -28,7 +28,7 @@
.fr-callout {
background-color: #eee;
box-shadow: inset 0.25rem 0 0 0 #6a6af4;
background-image: linear-gradient(0deg, #6a6af4, #6a6af4);
}
.fr-callout::before {
......@@ -36,87 +36,87 @@
}
.fr-callout--green-tilleul-verveine {
box-shadow: inset 0.25rem 0 0 0 #b7a73f;
background-image: linear-gradient(0deg, #b7a73f, #b7a73f);
background-color: #fceeac;
}
.fr-callout--green-bourgeon {
box-shadow: inset 0.25rem 0 0 0 #68a532;
background-image: linear-gradient(0deg, #68a532, #68a532);
background-color: #c9fcac;
}
.fr-callout--green-emeraude {
box-shadow: inset 0.25rem 0 0 0 #00a95f;
background-image: linear-gradient(0deg, #00a95f, #00a95f);
background-color: #c3fad5;
}
.fr-callout--green-menthe {
box-shadow: inset 0.25rem 0 0 0 #009081;
background-image: linear-gradient(0deg, #009081, #009081);
background-color: #bafaee;
}
.fr-callout--green-archipel {
box-shadow: inset 0.25rem 0 0 0 #009099;
background-image: linear-gradient(0deg, #009099, #009099);
background-color: #c7f6fc;
}
.fr-callout--blue-ecume {
box-shadow: inset 0.25rem 0 0 0 #465f9d;
background-image: linear-gradient(0deg, #465f9d, #465f9d);
background-color: #e9edfe;
}
.fr-callout--blue-cumulus {
box-shadow: inset 0.25rem 0 0 0 #417dc4;
background-image: linear-gradient(0deg, #417dc4, #417dc4);
background-color: #e6eefe;
}
.fr-callout--purple-glycine {
box-shadow: inset 0.25rem 0 0 0 #a558a0;
background-image: linear-gradient(0deg, #a558a0, #a558a0);
background-color: #fee7fc;
}
.fr-callout--pink-macaron {
box-shadow: inset 0.25rem 0 0 0 #e18b76;
background-image: linear-gradient(0deg, #e18b76, #e18b76);
background-color: #fee9e6;
}
.fr-callout--pink-tuile {
box-shadow: inset 0.25rem 0 0 0 #ce614a;
background-image: linear-gradient(0deg, #ce614a, #ce614a);
background-color: #fee9e7;
}
.fr-callout--yellow-tournesol {
box-shadow: inset 0.25rem 0 0 0 #c8aa39;
background-image: linear-gradient(0deg, #c8aa39, #c8aa39);
background-color: #feecc2;
}
.fr-callout--yellow-moutarde {
box-shadow: inset 0.25rem 0 0 0 #c3992a;
background-image: linear-gradient(0deg, #c3992a, #c3992a);
background-color: #feebd0;
}
.fr-callout--orange-terre-battue {
box-shadow: inset 0.25rem 0 0 0 #e4794a;
background-image: linear-gradient(0deg, #e4794a, #e4794a);
background-color: #fee9e5;
}
.fr-callout--brown-cafe-creme {
box-shadow: inset 0.25rem 0 0 0 #d1b781;
background-image: linear-gradient(0deg, #d1b781, #d1b781);
background-color: #f7ecdb;
}
.fr-callout--brown-caramel {
box-shadow: inset 0.25rem 0 0 0 #c08c65;
background-image: linear-gradient(0deg, #c08c65, #c08c65);
background-color: #f7ebe5;
}
.fr-callout--brown-opera {
box-shadow: inset 0.25rem 0 0 0 #bd987a;
background-image: linear-gradient(0deg, #bd987a, #bd987a);
background-color: #f7ece4;
}
.fr-callout--beige-gris-galet {
box-shadow: inset 0.25rem 0 0 0 #aea397;
background-image: linear-gradient(0deg, #aea397, #aea397);
background-color: #f3ede5;
}
}
design_system_admin/dsfr/component/callout/callout.legacy.css.map
View file @ c70aacd8
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","%3Cinput%20css%209sCNb5%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_accent.scss"],"names":[],"mappings":"AAAA;;GAAA;ACeI;ECRI,cAAA;ACLR;AFaI;ECRI,cAAA;ACFR;AFUI;ECRI,cAAA;ACCR;AFOI;ECRI,cAAA;ACIR;ACFI;ECDF;;GAAA;EAIE;ICqBA,kBAfE;ICuBF,cAAA;EJvBF;;EEFE;ICiBA,SAfE;EHGJ;;EKbA;IDiCE,sBAAA;IAAA,uCAAA;EJfF;;EMVA;IFyBE,cAAA;EJLF;;EO1BI;IH+BF,uCAAA;IAAA,yBAAA;EJKF;;EOpCI;IH+BF,uCAAA;IAAA,yBAAA;EJgBF;;EO/CI;IH+BF,uCAAA;IAAA,yBAAA;EJ2BF;;EO1DI;IH+BF,uCAAA;IAAA,yBAAA;EJsCF;;EOrEI;IH+BF,uCAAA;IAAA,yBAAA;EJiDF;;EOhFI;IH+BF,uCAAA;IAAA,yBAAA;EJ4DF;;EO3FI;IH+BF,uCAAA;IAAA,yBAAA;EJuEF;;EOtGI;IH+BF,uCAAA;IAAA,yBAAA;EJkFF;;EOjHI;IH+BF,uCAAA;IAAA,yBAAA;EJ6FF;;EO5HI;IH+BF,uCAAA;IAAA,yBAAA;EJwGF;;EOvII;IH+BF,uCAAA;IAAA,yBAAA;EJmHF;;EOlJI;IH+BF,uCAAA;IAAA,yBAAA;EJ8HF;;EO7JI;IH+BF,uCAAA;IAAA,yBAAA;EJyIF;;EOxKI;IH+BF,uCAAA;IAAA,yBAAA;EJoJF;;EOnLI;IH+BF,uCAAA;IAAA,yBAAA;EJ+JF;;EO9LI;IH+BF,uCAAA;IAAA,yBAAA;EJ0KF;;EOzMI;IH+BF,uCAAA;IAAA,yBAAA;EJqLF;AAxMF","file":"callout.legacy.css","sourcesContent":[null,"@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * Marge des titres et textes\n */\n .fr-callout__title {\n margin: 0 0 0.5rem;\n }\n .fr-callout__text {\n margin: 0;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout {\n background-color: #eee;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout {\n box-shadow: inset 0.25rem 0 0 0 #6a6af4;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout::before {\n color: #161616;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout__title {\n color: #161616;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-tilleul-verveine {\n box-shadow: inset 0.25rem 0 0 0 #b7a73f;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-tilleul-verveine {\n background-color: #fceeac;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-bourgeon {\n box-shadow: inset 0.25rem 0 0 0 #68a532;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-bourgeon {\n background-color: #c9fcac;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-emeraude {\n box-shadow: inset 0.25rem 0 0 0 #00a95f;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-emeraude {\n background-color: #c3fad5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-menthe {\n box-shadow: inset 0.25rem 0 0 0 #009081;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-menthe {\n background-color: #bafaee;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-archipel {\n box-shadow: inset 0.25rem 0 0 0 #009099;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-archipel {\n background-color: #c7f6fc;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-ecume {\n box-shadow: inset 0.25rem 0 0 0 #465f9d;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-ecume {\n background-color: #e9edfe;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-cumulus {\n box-shadow: inset 0.25rem 0 0 0 #417dc4;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-cumulus {\n background-color: #e6eefe;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--purple-glycine {\n box-shadow: inset 0.25rem 0 0 0 #a558a0;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--purple-glycine {\n background-color: #fee7fc;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-macaron {\n box-shadow: inset 0.25rem 0 0 0 #e18b76;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-macaron {\n background-color: #fee9e6;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-tuile {\n box-shadow: inset 0.25rem 0 0 0 #ce614a;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-tuile {\n background-color: #fee9e7;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-tournesol {\n box-shadow: inset 0.25rem 0 0 0 #c8aa39;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-tournesol {\n background-color: #feecc2;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-moutarde {\n box-shadow: inset 0.25rem 0 0 0 #c3992a;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-moutarde {\n background-color: #feebd0;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--orange-terre-battue {\n box-shadow: inset 0.25rem 0 0 0 #e4794a;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--orange-terre-battue {\n background-color: #fee9e5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-cafe-creme {\n box-shadow: inset 0.25rem 0 0 0 #d1b781;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-cafe-creme {\n background-color: #f7ecdb;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-caramel {\n box-shadow: inset 0.25rem 0 0 0 #c08c65;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-caramel {\n background-color: #f7ebe5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-opera {\n box-shadow: inset 0.25rem 0 0 0 #bd987a;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-opera {\n background-color: #f7ece4;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--beige-gris-galet {\n box-shadow: inset 0.25rem 0 0 0 #aea397;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--beige-gris-galet {\n background-color: #f3ede5;\n }\n}","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Callout Legacy\n/// @group callout\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * Marge des titres et textes\n */\n #{ns(callout)} {\n &__title {\n @include margin(0 0 2v);\n }\n\n &__text {\n @include margin(0);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\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: spacing.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","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin 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: token.normalise($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: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\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 background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include 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 transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\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 background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include 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 text($tokens, $options) {\n @include element(color, text, $tokens, $options);\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 text-fill($tokens, $options) {\n @include element(-webkit-text-fill-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 fill($tokens, $options) {\n @include 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 border($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 element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\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 outline($tokens, $options, $value:1px solid $COLOR) {\n @include 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 box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($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 element(box-shadow, border, $tokens, $options, spacing.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 no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Callout Scheme\n/// @group callout\n////\n\n@use 'module/color';\n\n@mixin _callout-scheme($legacy: false) {\n #{ns(callout)} {\n @include color.background(contrast grey, (legacy:$legacy));\n @include color.box-shadow(default blue-france, (legacy:$legacy), left-1v-in);\n\n @include before {\n @include color.text(title grey, (legacy:$legacy));\n }\n\n @include title {\n @include color.text(title grey, (legacy:$legacy));\n }\n\n @include color.accentuate {\n @include color.box-shadow(default accent, (legacy:$legacy), left-1v-in);\n @include color.background(contrast accent, (legacy:$legacy));\n }\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","@use 'sass:map';\n@use 'sass:list';\n@use '../variable/accent';\n@use '../variable/sets';\n\n@mixin accentuate () {\n $accents: map.get(sets.$values, accent);\n @at-root {\n @each $tint, $value in $accents {\n @include accent.set($tint);\n &--#{$tint} {\n @content;\n }\n }\n }\n @include accent.end();\n}\n"]}
\ No newline at end of file
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/module/shame/media-query/mixin/_order.scss","%3Cinput%20css%20T0oeUP%3E","file:///Users/ket/Documents/work/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/style/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/spacing/tool/_space.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_element.scss","file:///Users/ket/Documents/work/dsfr/src/component/callout/style/_scheme.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/module/color/mixin/_accent.scss"],"names":[],"mappings":"AAAA;;GAAA;ACeI;ECRI,cAAA;ACLR;AFaI;ECRI,cAAA;ACFR;AFUI;ECRI,cAAA;ACCR;AFOI;ECRI,cAAA;ACIR;ACFI;ECDF;;GAAA;EAIE;ICqBA,kBAfE;ICuBF,cAAA;EJvBF;;EEFE;ICiBA,SAfE;EHGJ;;EKbA;IDiCE,sBAAA;IAAA,yDAAA;EJfF;;EMVA;IFyBE,cAAA;EJLF;;EO1BI;IH+BF,yDAAA;IAAA,yBAAA;EJKF;;EOpCI;IH+BF,yDAAA;IAAA,yBAAA;EJgBF;;EO/CI;IH+BF,yDAAA;IAAA,yBAAA;EJ2BF;;EO1DI;IH+BF,yDAAA;IAAA,yBAAA;EJsCF;;EOrEI;IH+BF,yDAAA;IAAA,yBAAA;EJiDF;;EOhFI;IH+BF,yDAAA;IAAA,yBAAA;EJ4DF;;EO3FI;IH+BF,yDAAA;IAAA,yBAAA;EJuEF;;EOtGI;IH+BF,yDAAA;IAAA,yBAAA;EJkFF;;EOjHI;IH+BF,yDAAA;IAAA,yBAAA;EJ6FF;;EO5HI;IH+BF,yDAAA;IAAA,yBAAA;EJwGF;;EOvII;IH+BF,yDAAA;IAAA,yBAAA;EJmHF;;EOlJI;IH+BF,yDAAA;IAAA,yBAAA;EJ8HF;;EO7JI;IH+BF,yDAAA;IAAA,yBAAA;EJyIF;;EOxKI;IH+BF,yDAAA;IAAA,yBAAA;EJoJF;;EOnLI;IH+BF,yDAAA;IAAA,yBAAA;EJ+JF;;EO9LI;IH+BF,yDAAA;IAAA,yBAAA;EJ0KF;;EOzMI;IH+BF,yDAAA;IAAA,yBAAA;EJqLF;AAxMF","file":"callout.legacy.css","sourcesContent":[null,"@use '../variable/breakpoints';\n\n/// Set media query styles\n///\n/// @param {String} $media [md] - Layout size `['xs', 'sm', 'md', 'lg', 'xl']`\n///\n/// @example scss -\n/// .foo {\n/// @include respond-from(md) {\n/// }\n/// }\n@mixin respond-from($media) {\n $limits: map_get(breakpoints.$values, $media);\n\n @if $limits != null {\n @media (min-width: nth($limits, 1)) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n","@use 'module/media-query/variable/breakpoints';\n@use 'module/media-query';\n\n@mixin order () {\n @each $bp, $limits in breakpoints.$values {\n @if $bp != xs {\n @include media-query.respond-from($bp) {\n /*! media #{$bp} */\n }\n }\n }\n}\n","@media (min-width: 36em) {\n /*! media sm */\n}\n@media (min-width: 48em) {\n /*! media md */\n}\n@media (min-width: 62em) {\n /*! media lg */\n}\n@media (min-width: 78em) {\n /*! media xl */\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n /**\n * Marge des titres et textes\n */\n .fr-callout__title {\n margin: 0 0 0.5rem;\n }\n .fr-callout__text {\n margin: 0;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout {\n background-color: #eee;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout {\n background-image: linear-gradient(0deg, #6a6af4, #6a6af4);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout::before {\n color: #161616;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout__title {\n color: #161616;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-tilleul-verveine {\n background-image: linear-gradient(0deg, #b7a73f, #b7a73f);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-tilleul-verveine {\n background-color: #fceeac;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-bourgeon {\n background-image: linear-gradient(0deg, #68a532, #68a532);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-bourgeon {\n background-color: #c9fcac;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-emeraude {\n background-image: linear-gradient(0deg, #00a95f, #00a95f);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-emeraude {\n background-color: #c3fad5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-menthe {\n background-image: linear-gradient(0deg, #009081, #009081);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-menthe {\n background-color: #bafaee;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-archipel {\n background-image: linear-gradient(0deg, #009099, #009099);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--green-archipel {\n background-color: #c7f6fc;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-ecume {\n background-image: linear-gradient(0deg, #465f9d, #465f9d);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-ecume {\n background-color: #e9edfe;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-cumulus {\n background-image: linear-gradient(0deg, #417dc4, #417dc4);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--blue-cumulus {\n background-color: #e6eefe;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--purple-glycine {\n background-image: linear-gradient(0deg, #a558a0, #a558a0);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--purple-glycine {\n background-color: #fee7fc;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-macaron {\n background-image: linear-gradient(0deg, #e18b76, #e18b76);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-macaron {\n background-color: #fee9e6;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-tuile {\n background-image: linear-gradient(0deg, #ce614a, #ce614a);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--pink-tuile {\n background-color: #fee9e7;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-tournesol {\n background-image: linear-gradient(0deg, #c8aa39, #c8aa39);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-tournesol {\n background-color: #feecc2;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-moutarde {\n background-image: linear-gradient(0deg, #c3992a, #c3992a);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--yellow-moutarde {\n background-color: #feebd0;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--orange-terre-battue {\n background-image: linear-gradient(0deg, #e4794a, #e4794a);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--orange-terre-battue {\n background-color: #fee9e5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-cafe-creme {\n background-image: linear-gradient(0deg, #d1b781, #d1b781);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-cafe-creme {\n background-color: #f7ecdb;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-caramel {\n background-image: linear-gradient(0deg, #c08c65, #c08c65);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-caramel {\n background-color: #f7ebe5;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-opera {\n background-image: linear-gradient(0deg, #bd987a, #bd987a);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--brown-opera {\n background-color: #f7ece4;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--beige-gris-galet {\n background-image: linear-gradient(0deg, #aea397, #aea397);\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-callout--beige-gris-galet {\n background-color: #f3ede5;\n }\n}","/// Styles spécifiques pour les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is($target) {\n @if $target == ie10 or $target == ie11 {\n @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n @content;\n }\n }\n @else {\n @content;\n }\n}\n\n/// Styles spécifiques pour les plateformes modernes, excluant les plateformes antérieures\n///\n/// @example scss -\n/// .foo {\n/// @include ie-hack() {\n/// }\n/// }\n@mixin is-not($target) {\n @if $target == ie10 or $target == ie11 {\n @supports not (-ms-high-contrast: none) {\n @content;\n }\n }\n}\n","////\n/// Callout Legacy\n/// @group callout\n////\n\n@use 'module/legacy';\n\n@include legacy.is(ie11) {\n /**\n * Marge des titres et textes\n */\n #{ns(callout)} {\n &__title {\n @include margin(0 0 2v);\n }\n\n &__text {\n @include margin(0);\n }\n }\n}\n","////\n/// Core Tool : Spacing space\n/// @group core\n////\n\n@use 'module/spacing';\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: spacing.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","@use 'sass:list';\n@use 'sass:map';\n@use 'module/legacy';\n@use 'module/media-query';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/string';\n@use 'module/utilities';\n@use '../variable/constant';\n@use '../function/box-shadow' as bs;\n@use '../function/colors';\n@use '../function/result';\n@use '../function/token';\n\n$COLOR: constant.$value;\n\n@mixin 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 == true {\n $legacy-target: ie11;\n }\n\n $tokens: token.normalise($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: colors.from-list($tokens, $type, $options);\n $result: result.get($colors, $value);\n $result: specificity.important($result, $important);\n\n @include legacy.is($legacy-target) {\n #{$prop}: #{string.unstringify($result)};\n }\n\n @if ($hover == true or ($hover == inherit and $legacy == false)) and ($context == background and list.length($tokens) == 1) {\n\n $token: nth($tokens, 1);\n @if $legacy or $standalone {\n @include _apply-pseudos($token, false, true, $legacy-target, $prop, $value, $important);\n }\n @else {\n @if $prop == background-color {\n --idle: transparent; // #{$result};\n @include _apply-pseudos($token, true, false, null, $prop, $value, $important);\n }\n @else {\n @include _apply-pseudos($token, true, true, null, $prop, $value, $important);\n }\n }\n }\n}\n\n@mixin _apply-pseudos($token, $decision: true, $pseudo: false, $target: null, $prop: background-color, $value: constant.$value, $important: false) {\n @include legacy.is($target) {\n @include _apply-pseudo($token, hover, $decision, $pseudo, $prop, $value, $important);\n @include _apply-pseudo($token, active, $decision, $pseudo, $prop, $value, $important);\n }\n}\n\n@mixin _apply-pseudo($token, $type, $decision: true, $pseudo: false, $prop: background-color, $value: constant.$value, $important: false) {\n $nest: null;\n $p: --#{$type};\n @if $pseudo {\n $nest: '&:#{$type}';\n $p: $prop;\n }\n\n $t: hex;\n $options: (#{$type}: true);\n @if $decision {\n $t: decision;\n $options: (var: true, #{$type}: true);\n }\n\n $color: colors.from($token, $t, $options);\n $result: result.get($color, $value);\n $result: specificity.important($result, $important);\n\n @include utilities.nest($nest) {\n #{$p}: #{string.unstringify($result)};\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 background($tokens, $options:()) {\n @if not map.has-key($options, hover) {\n $options: map.merge($options, (hover: inherit));\n }\n @include 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 transparent-background($options) {\n $legacy: map.get($options, legacy);\n $important: map.get($options, important);\n $hover: map.get($options, hover);\n $tokens: token.normalise(default grey, background);\n $value: specificity.important(transparent, $important);\n\n @if $legacy {\n @include legacy.is(ie11) {\n background-color: transparent;\n\n @if $hover {\n &:hover {\n background-color: rgba(0, 0, 0, 0.05);\n }\n\n &:active {\n background-color: rgba(0, 0, 0, 0.1);\n }\n }\n }\n }\n @else {\n background-color: #{$value};\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 background-image($tokens, $options, $value: linear-gradient(0deg, $COLOR, $COLOR)) {\n $d: token.length($tokens);\n @if $d > 1 and $value == linear-gradient(0deg, $COLOR, $COLOR) {\n $transformed: ();\n @for $i from 1 through $d {\n $c: string.unquote('$color##{$i}');\n $transformed: list.append($transformed, linear-gradient(0deg, $c, $c), comma);\n }\n $value: $transformed;\n }\n @include 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 text($tokens, $options) {\n @include element(color, text, $tokens, $options);\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 text-fill($tokens, $options) {\n @include element(-webkit-text-fill-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 fill($tokens, $options) {\n @include 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 border($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 element($prop, border, $tokens, $options, $value);\n}\n\n@mixin no-border($options: ()) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n border: 0;\n }\n }\n @else {\n border: 0;\n }\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 outline($tokens, $options, $value:1px solid $COLOR) {\n @include 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 box-shadow($tokens, $options, $value: all-1-in) {\n $has-keys: true;\n $transformed: ();\n $d: token.length($tokens);\n $i: 1;\n @each $v in $value {\n @if bs.has($v) {\n $transformed: append($transformed, bs.get($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 element(box-shadow, border, $tokens, $options, spacing.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 no-box-shadow($options) {\n $breakpoint: map.get($options, breakpoint);\n $legacy: map.get($options, legacy);\n @include media-query.respond-from($breakpoint) {\n @if $legacy {\n @include legacy.is(ie11) {\n box-shadow: none;\n }\n }\n @else {\n box-shadow: none;\n }\n }\n}\n","////\n/// Callout Scheme\n/// @group callout\n////\n\n@use 'module/color';\n\n@mixin _callout-scheme($legacy: false) {\n #{ns(callout)} {\n @include color.background(contrast grey, (legacy:$legacy));\n @include color.background-image(border default blue-france, (legacy:$legacy));\n\n @include before {\n @include color.text(title grey, (legacy:$legacy));\n }\n\n @include title {\n @include color.text(title grey, (legacy:$legacy));\n }\n\n @include color.accentuate {\n @include color.background-image(border default accent, (legacy:$legacy));\n @include color.background(contrast accent, (legacy:$legacy));\n }\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","@use 'sass:map';\n@use 'sass:list';\n@use '../variable/accent';\n@use '../variable/sets';\n\n@mixin accentuate () {\n $accents: map.get(sets.$values, accent);\n @at-root {\n @each $tint, $value in $accents {\n @include accent.set($tint);\n &--#{$tint} {\n @content;\n }\n }\n }\n @include accent.end();\n}\n"]}
\ No newline at end of file