UNPKG

@codegouvfr/react-dsfr

Version:

French State Design System React integration library

1 lines 77.3 kB
{"version":3,"sources":["<no source>","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/legacy/mixin/_legacy.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/src/utility/colors/style/mixin/_scheme.scss","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/color/mixin/_element.scss","%3Cinput%20css%20ylt6Pb%3E","file:///Users/lab9/Free/La_Netscouade/Design_system/prod/Octobre/dsfr/module/utilities/mixin/_nest.scss"],"names":[],"mappings":"AAAA;;GAAA,ACSI,2DCuBQ,6BCSR,+BCtCF,CCDE,mCFuFA,kCCjFF,CCNE,oCFuFA,kCC9EF,CFqBU,yBCSR,kCCxBF,CCfE,+BFuFA,kCCnEF,CCpBE,gCFuFA,kCChEF,CFOU,gCCSR,kCCVF,CC7BE,sCFuFA,kCCrDF,CClCE,uCFuFA,kCClDF,CFPU,iCCSR,kCCIF,CC3CE,uCFuFA,kCCvCF,CChDE,wCFuFA,kCCpCF,CFrBU,2CCSR,kCCkBF,CCzDE,iDFuFA,kCCzBF,CC9DE,kDFuFA,kCCtBF,CFnCU,mCCSR,kCCgCF,CCvEE,yCFuFA,kCCXF,CC5EE,0CFuFA,kCCRF,CFjDU,mCCSR,kCC8CF,CCrFE,yCFuFA,kCCGF,CC1FE,0CFuFA,kCCMF,CF/DU,iCCSR,kCC4DF,CCnGE,uCFuFA,kCCiBF,CCxGE,wCFuFA,kCCoBF,CF7EU,mCCSR,kCC0EF,CCjHE,yCFuFA,kCC+BF,CCtHE,0CFuFA,kCCkCF,CF3FU,+BCSR,kCCwFF,CC/HE,qCFuFA,kCC6CF,CCpIE,sCFuFA,kCCgDF,CFzGU,iCCSR,kCCsGF,CC7IE,uCFuFA,kCC2DF,CClJE,wCFuFA,kCC8DF,CFvHU,mCCSR,kCCoHF,CC3JE,yCFuFA,kCCyEF,CChKE,0CFuFA,kCC4EF,CFrIU,iCCSR,kCCkIF,CCzKE,uCFuFA,kCCuFF,CC9KE,wCFuFA,kCC0FF,CFnJU,+BCSR,kCCgJF,CCvLE,qCFuFA,kCCqGF,CC5LE,sCFuFA,kCCwGF,CFjKU,qCCSR,kCC8JF,CCrME,2CFuFA,kCCmHF,CC1ME,4CFuFA,kCCsHF,CF/KU,oCCSR,kCC4KF,CCnNE,0CFuFA,kCCiIF,CCxNE,2CFuFA,kCCoIF,CF7LU,wCCSR,kCC0LF,CCjOE,8CFuFA,kCC+IF,CCtOE,+CFuFA,kCCkJF,CF3MU,qCCSR,kCCwMF,CC/OE,2CFuFA,kCC6JF,CCpPE,4CFuFA,kCCgKF,CFzNU,kCCSR,kCCsNF,CC7PE,wCFuFA,kCC2KF,CClQE,yCFuFA,kCC8KF,CFvOU,gCCSR,kCCoOF,CC3QE,sCFuFA,kCCyLF,CChRE,uCFuFA,kCC4LF,CFrPU,qCCSR,kCCkPF,CCzRE,2CFuFA,kCCuMF,CC9RE,4CFuFA,kCC0MF,CFnQU,8BCSR,+BCgQF,CCvSE,oCFuFA,kCCqNF,CC5SE,qCFuFA,kCCwNF,CFjRU,qCCSR,kCC8QF,CCrTE,2CFuFA,kCCmOF,CC1TE,4CFuFA,kCCsOF,CF/RU,sCCSR,kCC4RF,CCnUE,4CFuFA,kCCiPF,CCxUE,6CFuFA,kCCoPF,CF7SU,gDCSR,kCC0SF,CCjVE,sDFuFA,kCC+PF,CCtVE,uDFuFA,kCCkQF,CF3TU,wCCSR,kCCwTF,CC/VE,8CFuFA,kCC6QF,CCpWE,+CFuFA,kCCgRF,CFzUU,wCCSR,kCCsUF,CC7WE,8CFuFA,kCC2RF,CClXE,+CFuFA,kCC8RF,CFvVU,sCCSR,kCCoVF,CC3XE,4CFuFA,kCCySF,CChYE,6CFuFA,kCC4SF,CFrWU,wCCSR,kCCkWF,CCzYE,8CFuFA,kCCuTF,CC9YE,+CFuFA,kCC0TF,CFnXU,oCCSR,kCCgXF,CCvZE,0CFuFA,kCCqUF,CC5ZE,2CFuFA,kCCwUF,CFjYU,sCCSR,kCC8XF,CCraE,4CFuFA,kCCmVF,CC1aE,6CFuFA,kCCsVF,CF/YU,wCCSR,kCC4YF,CCnbE,8CFuFA,kCCiWF,CCxbE,+CFuFA,kCCoWF,CF7ZU,sCCSR,kCC0ZF,CCjcE,4CFuFA,kCC+WF,CCtcE,6CFuFA,kCCkXF,CF3aU,oCCSR,kCCwaF,CC/cE,0CFuFA,kCC6XF,CCpdE,2CFuFA,kCCgYF,CFzbU,0CCSR,kCCsbF,CC7dE,gDFuFA,kCC2YF,CCleE,iDFuFA,kCC8YF,CFvcU,yCCSR,kCCocF,CC3eE,+CFuFA,kCCyZF,CChfE,gDFuFA,kCC4ZF,CFrdU,6CCSR,kCCkdF,CCzfE,mDFuFA,kCCuaF,CC9fE,oDFuFA,kCC0aF,CFneU,0CCSR,kCCgeF,CCvgBE,gDFuFA,kCCqbF,CC5gBE,iDFuFA,kCCwbF,CFjfU,uCCSR,kCC8eF,CCrhBE,6CFuFA,kCCmcF,CC1hBE,8CFuFA,kCCscF,CF/fU,qCCSR,kCC4fF,CCniBE,2CFuFA,kCCidF,CCxiBE,4CFuFA,kCCodF,CF7gBU,0CCSR,kCC0gBF,CCjjBE,gDFuFA,kCC+dF,CCtjBE,iDFuFA,kCCkeF,CF3hBU,8BCSR,kCCwhBF,CC/jBE,oCFuFA,kCC6eF,CCpkBE,qCFuFA,kCCgfF,CFziBU,iCCSR,kCCsiBF,CC7kBE,uCFuFA,kCC2fF,CCllBE,wCFuFA,kCC8fF,CFvjBU,iCCSR,kCCojBF,CC3lBE,uCFuFA,kCCygBF,CChmBE,wCFuFA,kCC4gBF,CFrkBU,+BCSR,kCCkkBF,CCzmBE,qCFuFA,kCCuhBF,CC9mBE,sCFuFA,kCC0hBF,CFnlBU,0BCSR,kCCglBF,CFzlBU,0BCSR,kCCslBF,CF/lBU,6BCSR,kCC4lBF,CFrmBU,6BCSR,kCCkmBF,CF3mBU,2BCSR,kCCwmBF,CFjnBU,wCCSR,kCC8mBF,CCrpBE,8CFuFA,kCCmkBF,CC1pBE,+CFuFA,kCCskBF,CF/nBU,yCCSR,kCC4nBF,CCnqBE,+CFuFA,kCCilBF,CCxqBE,gDFuFA,kCColBF,CF7oBU,mDCSR,kCC0oBF,CCjrBE,yDFuFA,kCC+lBF,CCtrBE,0DFuFA,kCCkmBF,CF3pBU,2CCSR,kCCwpBF,CC/rBE,iDFuFA,kCC6mBF,CCpsBE,kDFuFA,kCCgnBF,CFzqBU,2CCSR,kCCsqBF,CC7sBE,iDFuFA,kCC2nBF,CCltBE,kDFuFA,kCC8nBF,CFvrBU,yCCSR,kCCorBF,CC3tBE,+CFuFA,kCCyoBF,CChuBE,gDFuFA,kCC4oBF,CFrsBU,2CCSR,kCCksBF,CCzuBE,iDFuFA,kCCupBF,CC9uBE,kDFuFA,kCC0pBF,CFntBU,uCCSR,kCCgtBF,CCvvBE,6CFuFA,kCCqqBF,CC5vBE,8CFuFA,kCCwqBF,CFjuBU,yCCSR,kCC8tBF,CCrwBE,+CFuFA,kCCmrBF,CC1wBE,gDFuFA,kCCsrBF,CF/uBU,2CCSR,kCC4uBF,CCnxBE,iDFuFA,kCCisBF,CCxxBE,kDFuFA,kCCosBF,CF7vBU,yCCSR,kCC0vBF,CCjyBE,+CFuFA,kCC+sBF,CCtyBE,gDFuFA,kCCktBF,CF3wBU,uCCSR,kCCwwBF,CC/yBE,6CFuFA,kCC6tBF,CCpzBE,8CFuFA,kCCguBF,CFzxBU,6CCSR,kCCsxBF,CC7zBE,mDFuFA,kCC2uBF,CCl0BE,oDFuFA,kCC8uBF,CFvyBU,4CCSR,kCCoyBF,CC30BE,kDFuFA,kCCyvBF,CCh1BE,mDFuFA,kCC4vBF,CFrzBU,gDCSR,kCCkzBF,CCz1BE,sDFuFA,kCCuwBF,CC91BE,uDFuFA,kCC0wBF,CFn0BU,6CCSR,kCCg0BF,CCv2BE,mDFuFA,kCCqxBF,CC52BE,oDFuFA,kCCwxBF,CFj1BU,0CCSR,kCC80BF,CCr3BE,gDFuFA,kCCmyBF,CC13BE,iDFuFA,kCCsyBF,CF/1BU,wCCSR,kCC41BF,CCn4BE,8CFuFA,kCCizBF,CCx4BE,+CFuFA,kCCozBF,CF72BU,6CCSR,kCC02BF,CCj5BE,mDFuFA,kCC+zBF,CCt5BE,oDFuFA,kCCk0BF,CF33BU,iCCSR,kCCw3BF,CC/5BE,uCFuFA,kCC60BF,CCp6BE,wCFuFA,kCCg1BF,CFz4BU,oCCSR,kCCs4BF,CC76BE,0CFuFA,kCC21BF,CCl7BE,2CFuFA,kCC81BF,CFv5BU,oCCSR,kCCo5BF,CC37BE,0CFuFA,kCCy2BF,CCh8BE,2CFuFA,kCC42BF,CFr6BU,kCCSR,kCCk6BF,CCz8BE,wCFuFA,kCCu3BF,CC98BE,yCFuFA,kCC03BF,CFn7BU,uCCSR,kCCg7BF,CCv9BE,6CFuFA,kCCq4BF,CC59BE,8CFuFA,kCCw4BF,CFj8BU,wCCSR,kCC87BF,CCr+BE,8CFuFA,kCCm5BF,CC1+BE,+CFuFA,kCCs5BF,CF/8BU,kDCSR,kCC48BF,CCn/BE,wDFuFA,kCCi6BF,CCx/BE,yDFuFA,kCCo6BF,CF79BU,0CCSR,kCC09BF,CCjgCE,gDFuFA,kCC+6BF,CCtgCE,iDFuFA,kCCk7BF,CF3+BU,0CCSR,kCCw+BF,CC/gCE,gDFuFA,kCC67BF,CCphCE,iDFuFA,kCCg8BF,CFz/BU,wCCSR,kCCs/BF,CC7hCE,8CFuFA,kCC28BF,CCliCE,+CFuFA,kCC88BF,CFvgCU,0CCSR,kCCogCF,CC3iCE,gDFuFA,kCCy9BF,CChjCE,iDFuFA,kCC49BF,CFrhCU,sCCSR,kCCkhCF,CCzjCE,4CFuFA,kCCu+BF,CC9jCE,6CFuFA,kCC0+BF,CFniCU,wCCSR,kCCgiCF,CCvkCE,8CFuFA,kCCq/BF,CC5kCE,+CFuFA,kCCw/BF,CFjjCU,0CCSR,kCC8iCF,CCrlCE,gDFuFA,kCCmgCF,CC1lCE,iDFuFA,kCCsgCF,CF/jCU,wCCSR,kCC4jCF,CCnmCE,8CFuFA,kCCihCF,CCxmCE,+CFuFA,kCCohCF,CF7kCU,sCCSR,kCC0kCF,CCjnCE,4CFuFA,kCC+hCF,CCtnCE,6CFuFA,kCCkiCF,CF3lCU,4CCSR,kCCwlCF,CC/nCE,kDFuFA,kCC6iCF,CCpoCE,mDFuFA,kCCgjCF,CFzmCU,2CCSR,kCCsmCF,CC7oCE,iDFuFA,kCC2jCF,CClpCE,kDFuFA,kCC8jCF,CFvnCU,+CCSR,kCConCF,CC3pCE,qDFuFA,kCCykCF,CChqCE,sDFuFA,kCC4kCF,CFroCU,4CCSR,kCCkoCF,CCzqCE,kDFuFA,kCCulCF,CC9qCE,mDFuFA,kCC0lCF,CFnpCU,yCCSR,kCCgpCF,CCvrCE,+CFuFA,kCCqmCF,CC5rCE,gDFuFA,kCCwmCF,CFjqCU,uCCSR,kCC8pCF,CCrsCE,6CFuFA,kCCmnCF,CC1sCE,8CFuFA,kCCsnCF,CF/qCU,4CCSR,kCC4qCF,CCntCE,kDFuFA,kCCioCF,CCxtCE,mDFuFA,kCCooCF,CF7rCU,uBCSR,uBC0rCF,CFnsCU,uBCSR,uBCgsCF,CFzsCU,0BCSR,uBCssCF,CF/sCU,0BCSR,uBC4sCF,CFrtCU,wBCSR,uBCktCF,CF3tCU,qBCSR,uBCwtCF,CFjuCU,4BCSR,uBC8tCF,CFvuCU,6BCSR,uBCouCF,CF7uCU,qBCSR,uBC0uCF,CFnvCU,4BCSR,uBCgvCF,CFzvCU,6BCSR,uBCsvCF,CF/vCU,uCCSR,uBC4vCF,CFrwCU,+BCSR,uBCkwCF,CF3wCU,+BCSR,uBCwwCF,CFjxCU,6BCSR,uBC8wCF,CFvxCU,+BCSR,uBCoxCF,CF7xCU,2BCSR,uBC0xCF,CFnyCU,6BCSR,uBCgyCF,CFzyCU,+BCSR,uBCsyCF,CF/yCU,6BCSR,uBC4yCF,CFrzCU,2BCSR,uBCkzCF,CF3zCU,iCCSR,uBCwzCF,CFj0CU,gCCSR,uBC8zCF,CFv0CU,oCCSR,uBCo0CF,CF70CU,iCCSR,uBC00CF,CFn1CU,8BCSR,uBCg1CF,CFz1CU,4BCSR,uBCs1CF,CF/1CU,iCCSR,uBC41CF,CFr2CU,uBCSR,oBCk2CF,CF32CU,wBCSR,oBCw2CF,CFj3CU,+BCSR,uBC82CF,CFv3CU,gCCSR,uBCo3CF,CF73CU,wBCSR,uBC03CF,CFn4CU,2BCSR,uBCg4CF,CFz4CU,2BCSR,uBCs4CF,CF/4CU,yBCSR,uBC44CF,CFr5CU,0CCSR,uBCk5CF,CF35CU,kCCSR,uBCw5CF,CFj6CU,kCCSR,uBC85CF,CFv6CU,gCCSR,uBCo6CF,CF76CU,kCCSR,uBC06CF,CFn7CU,8BCSR,uBCg7CF,CFz7CU,gCCSR,uBCs7CF,CF/7CU,kCCSR,uBC47CF,CFr8CU,gCCSR,uBCk8CF,CF38CU,8BCSR,uBCw8CF,CFj9CU,oCCSR,uBC88CF,CFv9CU,mCCSR,uBCo9CF,CF79CU,uCCSR,uBC09CF,CFn+CU,oCCSR,uBCg+CF,CFz+CU,gECSR,uBC4+CF,CFr/CU,oCCSR,uBCk/CF,CF3/CU,2BCSR,uBCw/CF,CFjgDU,kCCSR,uBC8/CF,CFvgDU,mCCSR,uBCogDF,CF7gDU,6CCSR,uBC0gDF,CFnhDU,qCCSR,uBCghDF,CFzhDU,qCCSR,uBCshDF,CF/hDU,mCCSR,uBC4hDF,CFriDU,qCCSR,uBCkiDF,CF3iDU,iCCSR,uBCwiDF,CFjjDU,mCCSR,uBC8iDF,CFvjDU,qCCSR,uBCojDF,CF7jDU,mCCSR,uBC0jDF,CFnkDU,iCCSR,uBCgkDF,CFzkDU,uCCSR,uBCskDF,CF/kDU,sCCSR,uBC4kDF,CFrlDU,0CCSR,uBCklDF,CF3lDU,uCCSR,uBCwlDF,CFjmDU,oCCSR,uBC8lDF,CFvmDU,kCCSR,uBComDF,CF7mDU,uCCSR,uBC0mDF,CFnnDU,+BCSR,sBCgnDF,CFznDU,gCCSR,sBCsnDF,CF/nDU,0CCSR,sBC4nDF,CFroDU,kCCSR,sBCkoDF,CF3oDU,kCCSR,sBCwoDF,CFjpDU,gCCSR,sBC8oDF,CFvpDU,kCCSR,sBCopDF,CF7pDU,8BCSR,sBC0pDF,CFnqDU,gCCSR,sBCgqDF,CFzqDU,kCCSR,sBCsqDF,CF/qDU,gCCSR,sBC4qDF,CFrrDU,8BCSR,sBCkrDF,CF3rDU,oCCSR,sBCwrDF,CFjsDU,mCCSR,sBC8rDF,CFvsDU,uCCSR,sBCosDF,CF7sDU,oCCSR,sBC0sDF,CFntDU,iCCSR,sBCgtDF,CFztDU,+BCSR,sBCstDF,CF/tDU,oCCSR,sBC4tDF,CFruDU,+BCSR,sBCkuDF,CF3uDU,gCCSR,sBCwuDF,CFjvDU,0CCSR,sBC8uDF,CFvvDU,kCCSR,sBCovDF,CF7vDU,kCCSR,sBC0vDF,CFnwDU,gCCSR,sBCgwDF,CFzwDU,kCCSR,sBCswDF,CF/wDU,8BCSR,sBC4wDF,CFrxDU,gCCSR,sBCkxDF,CF3xDU,kCCSR,sBCwxDF,CFjyDU,gCCSR,sBC8xDF,CFvyDU,8BCSR,sBCoyDF,CF7yDU,oCCSR,sBC0yDF,CFnzDU,mCCSR,sBCgzDF,CFzzDU,uCCSR,sBCszDF,CF/zDU,oCCSR,sBC4zDF,CFr0DU,iCCSR,sBCk0DF,CF30DU,+BCSR,sBCw0DF,CFj1DU,oCCSR,sBC80DF,CFv1DU,oCCSR,sBCo1DF,CF71DU,qCCSR,sBC01DF,CFn2DU,6BCSR,sBCg2DF,CFz2DU,wBCSR,sBCs2DF,CA34DF","file":"colors.legacy.min.css","sourcesContent":[null,"/// 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/// Colors Mixin : scheme\n/// @group colors\n////\n\n@use 'sass:list';\n@use 'sass:map';\n@use 'module/color';\n@use 'module/color/variable/sets';\n@use 'module/color/variable/decisions';\n@use 'module/selector';\n\n$decisions: () !default;\n\n@mixin scheme($legacy: false) {\n @each $context, $list in $decisions {\n\n $uses: map.get(decisions.$values, $context);\n @if $uses == null {\n @error 'context #{$context} doesn\\'t exist in $scheme-decisions';\n }\n @each $use in $list {\n $families: map.get($uses, $use);\n @if $families == null {\n @error 'use #{$use} doesn\\'t exist in $scheme-decisions';\n }\n @each $family, $settings in $families {\n $shade: list.nth($settings, 1);\n @each $tint, $shades in map.get(sets.$values, $family) {\n @if map.has-key($shades, $shade) {\n $selector: '#{$context}-#{$use}--#{$tint}';\n // @debug $selector;\n #{selector.ns($selector)} {\n @if $context == background {\n $hover: false;\n @if list.length($settings) > 1 {\n $params: list.nth($settings, 2);\n @if map.get($params, hover) {\n $hover: true;\n }\n }\n @include color.background($use $tint, (legacy: $legacy, important: true, hover: $hover));\n }\n @else if $context == text {\n @include color.text($use $tint, (legacy: $legacy, important: true));\n }\n @else if $context == artwork {\n @include color.fill(artwork $use $tint, (legacy: $legacy, important: true));\n }\n }\n }\n }\n }\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","@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-default--grey {\n background-color: #fff !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-default--grey:hover {\n background-color: #f6f6f6 !important;\n }\n .fr-background-default--grey:active {\n background-color: #ededed !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--grey {\n background-color: #f6f6f6 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--grey:hover {\n background-color: #dfdfdf !important;\n }\n .fr-background-alt--grey:active {\n background-color: #cfcfcf !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--blue-france {\n background-color: #f5f5fe !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--blue-france:hover {\n background-color: #dcdcfc !important;\n }\n .fr-background-alt--blue-france:active {\n background-color: #cbcbfa !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--red-marianne {\n background-color: #fef4f4 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--red-marianne:hover {\n background-color: #fcd7d7 !important;\n }\n .fr-background-alt--red-marianne:active {\n background-color: #fac4c4 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--green-tilleul-verveine {\n background-color: #fef7da !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--green-tilleul-verveine:hover {\n background-color: #fce552 !important;\n }\n .fr-background-alt--green-tilleul-verveine:active {\n background-color: #ebd54c !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--green-bourgeon {\n background-color: #e6feda !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--green-bourgeon:hover {\n background-color: #a7fc62 !important;\n }\n .fr-background-alt--green-bourgeon:active {\n background-color: #98ed4d !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--green-emeraude {\n background-color: #e3fdeb !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--green-emeraude:hover {\n background-color: #94f9b9 !important;\n }\n .fr-background-alt--green-emeraude:active {\n background-color: #6df1a3 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--green-menthe {\n background-color: #dffdf7 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--green-menthe:hover {\n background-color: #84f9e7 !important;\n }\n .fr-background-alt--green-menthe:active {\n background-color: #70ebd8 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--green-archipel {\n background-color: #e5fbfd !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--green-archipel:hover {\n background-color: #99f2f8 !important;\n }\n .fr-background-alt--green-archipel:active {\n background-color: #73e9f0 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--blue-ecume {\n background-color: #f4f6fe !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--blue-ecume:hover {\n background-color: #d7dffb !important;\n }\n .fr-background-alt--blue-ecume:active {\n background-color: #c3cffa !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--blue-cumulus {\n background-color: #f3f6fe !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--blue-cumulus:hover {\n background-color: #d3dffc !important;\n }\n .fr-background-alt--blue-cumulus:active {\n background-color: #bed0fa !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--purple-glycine {\n background-color: #fef3fd !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--purple-glycine:hover {\n background-color: #fcd4f8 !important;\n }\n .fr-background-alt--purple-glycine:active {\n background-color: #fabff5 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--pink-macaron {\n background-color: #fef4f2 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--pink-macaron:hover {\n background-color: #fcd8d0 !important;\n }\n .fr-background-alt--pink-macaron:active {\n background-color: #fac5b8 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--pink-tuile {\n background-color: #fef4f3 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--pink-tuile:hover {\n background-color: #fcd7d3 !important;\n }\n .fr-background-alt--pink-tuile:active {\n background-color: #fac4be !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--yellow-tournesol {\n background-color: #fef6e3 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--yellow-tournesol:hover {\n background-color: #fce086 !important;\n }\n .fr-background-alt--yellow-tournesol:active {\n background-color: #f5d24b !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--yellow-moutarde {\n background-color: #fef5e8 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--yellow-moutarde:hover {\n background-color: #fcdca3 !important;\n }\n .fr-background-alt--yellow-moutarde:active {\n background-color: #fbcd64 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--orange-terre-battue {\n background-color: #fef4f2 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--orange-terre-battue:hover {\n background-color: #fcd8d0 !important;\n }\n .fr-background-alt--orange-terre-battue:active {\n background-color: #fac5b8 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--brown-cafe-creme {\n background-color: #fbf6ed !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--brown-cafe-creme:hover {\n background-color: #f2deb6 !important;\n }\n .fr-background-alt--brown-cafe-creme:active {\n background-color: #eacf91 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--brown-caramel {\n background-color: #fbf5f2 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--brown-caramel:hover {\n background-color: #f1dbcf !important;\n }\n .fr-background-alt--brown-caramel:active {\n background-color: #ecc9b5 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--brown-opera {\n background-color: #fbf5f2 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--brown-opera:hover {\n background-color: #f1dbcf !important;\n }\n .fr-background-alt--brown-opera:active {\n background-color: #ecc9b5 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--beige-gris-galet {\n background-color: #f9f6f2 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-alt--beige-gris-galet:hover {\n background-color: #eadecd !important;\n }\n .fr-background-alt--beige-gris-galet:active {\n background-color: #e1ceb1 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--grey {\n background-color: #eee !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--grey:hover {\n background-color: #d2d2d2 !important;\n }\n .fr-background-contrast--grey:active {\n background-color: #c1c1c1 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--blue-france {\n background-color: #ececfe !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--blue-france:hover {\n background-color: #cecefc !important;\n }\n .fr-background-contrast--blue-france:active {\n background-color: #bbbbfc !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--red-marianne {\n background-color: #fee9e9 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--red-marianne:hover {\n background-color: #fdc5c5 !important;\n }\n .fr-background-contrast--red-marianne:active {\n background-color: #fcafaf !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--green-tilleul-verveine {\n background-color: #fceeac !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--green-tilleul-verveine:hover {\n background-color: #e8d45c !important;\n }\n .fr-background-contrast--green-tilleul-verveine:active {\n background-color: #d4c254 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--green-bourgeon {\n background-color: #c9fcac !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--green-bourgeon:hover {\n background-color: #9ae95d !important;\n }\n .fr-background-contrast--green-bourgeon:active {\n background-color: #8dd555 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--green-emeraude {\n background-color: #c3fad5 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--green-emeraude:hover {\n background-color: #77eda5 !important;\n }\n .fr-background-contrast--green-emeraude:active {\n background-color: #6dd897 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--green-menthe {\n background-color: #bafaee !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--green-menthe:hover {\n background-color: #79e7d5 !important;\n }\n .fr-background-contrast--green-menthe:active {\n background-color: #6fd3c3 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--green-archipel {\n background-color: #c7f6fc !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--green-archipel:hover {\n background-color: #64ecf8 !important;\n }\n .fr-background-contrast--green-archipel:active {\n background-color: #5bd8e3 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--blue-ecume {\n background-color: #e9edfe !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--blue-ecume:hover {\n background-color: #c5d0fc !important;\n }\n .fr-background-contrast--blue-ecume:active {\n background-color: #adbffc !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--blue-cumulus {\n background-color: #e6eefe !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--blue-cumulus:hover {\n background-color: #bcd3fc !important;\n }\n .fr-background-contrast--blue-cumulus:active {\n background-color: #9fc3fc !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--purple-glycine {\n background-color: #fee7fc !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--purple-glycine:hover {\n background-color: #fdc0f8 !important;\n }\n .fr-background-contrast--purple-glycine:active {\n background-color: #fca8f6 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--pink-macaron {\n background-color: #fee9e6 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--pink-macaron:hover {\n background-color: #fdc6bd !important;\n }\n .fr-background-contrast--pink-macaron:active {\n background-color: #fcb0a2 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--pink-tuile {\n background-color: #fee9e7 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--pink-tuile:hover {\n background-color: #fdc6c0 !important;\n }\n .fr-background-contrast--pink-tuile:active {\n background-color: #fcb0a7 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--yellow-tournesol {\n background-color: #feecc2 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--yellow-tournesol:hover {\n background-color: #fbd335 !important;\n }\n .fr-background-contrast--yellow-tournesol:active {\n background-color: #e6c130 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--yellow-moutarde {\n background-color: #feebd0 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--yellow-moutarde:hover {\n background-color: #fdcd6d !important;\n }\n .fr-background-contrast--yellow-moutarde:active {\n background-color: #f4be30 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--orange-terre-battue {\n background-color: #fee9e5 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--orange-terre-battue:hover {\n background-color: #fdc6ba !important;\n }\n .fr-background-contrast--orange-terre-battue:active {\n background-color: #fcb09e !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--brown-cafe-creme {\n background-color: #f7ecdb !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--brown-cafe-creme:hover {\n background-color: #edce94 !important;\n }\n .fr-background-contrast--brown-cafe-creme:active {\n background-color: #dabd84 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--brown-caramel {\n background-color: #f7ebe5 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--brown-caramel:hover {\n background-color: #eccbb9 !important;\n }\n .fr-background-contrast--brown-caramel:active {\n background-color: #e6b79a !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--brown-opera {\n background-color: #f7ece4 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--brown-opera:hover {\n background-color: #eccdb3 !important;\n }\n .fr-background-contrast--brown-opera:active {\n background-color: #e6ba90 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--beige-gris-galet {\n background-color: #f3ede5 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--beige-gris-galet:hover {\n background-color: #e1d0b5 !important;\n }\n .fr-background-contrast--beige-gris-galet:active {\n background-color: #d1bea2 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--info {\n background-color: #e8edff !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--info:hover {\n background-color: #c2d1ff !important;\n }\n .fr-background-contrast--info:active {\n background-color: #a9bfff !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--success {\n background-color: #b8fec9 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--success:hover {\n background-color: #46fd89 !important;\n }\n .fr-background-contrast--success:active {\n background-color: #34eb7b !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--warning {\n background-color: #ffe9e6 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--warning:hover {\n background-color: #ffc6bd !important;\n }\n .fr-background-contrast--warning:active {\n background-color: #ffb0a2 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--error {\n background-color: #ffe9e9 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-contrast--error:hover {\n background-color: #ffc5c5 !important;\n }\n .fr-background-contrast--error:active {\n background-color: #ffafaf !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-flat--grey {\n background-color: #3a3a3a !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-flat--info {\n background-color: #0063cb !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-flat--success {\n background-color: #18753c !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-flat--warning {\n background-color: #b34000 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-flat--error {\n background-color: #ce0500 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--blue-france {\n background-color: #000091 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--blue-france:hover {\n background-color: #1212ff !important;\n }\n .fr-background-action-high--blue-france:active {\n background-color: #2323ff !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--red-marianne {\n background-color: #c9191e !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--red-marianne:hover {\n background-color: #f93f42 !important;\n }\n .fr-background-action-high--red-marianne:active {\n background-color: #f95a5c !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--green-tilleul-verveine {\n background-color: #66673d !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--green-tilleul-verveine:hover {\n background-color: #929359 !important;\n }\n .fr-background-action-high--green-tilleul-verveine:active {\n background-color: #a7a967 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--green-bourgeon {\n background-color: #447049 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--green-bourgeon:hover {\n background-color: #639f6a !important;\n }\n .fr-background-action-high--green-bourgeon:active {\n background-color: #72b77a !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--green-emeraude {\n background-color: #297254 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--green-emeraude:hover {\n background-color: #3ea47a !important;\n }\n .fr-background-action-high--green-emeraude:active {\n background-color: #49bc8d !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--green-menthe {\n background-color: #37635f !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--green-menthe:hover {\n background-color: #53918c !important;\n }\n .fr-background-action-high--green-menthe:active {\n background-color: #62a9a2 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--green-archipel {\n background-color: #006a6f !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--green-archipel:hover {\n background-color: #009fa7 !important;\n }\n .fr-background-action-high--green-archipel:active {\n background-color: #00bbc3 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--blue-ecume {\n background-color: #2f4077 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--blue-ecume:hover {\n background-color: #4e68bb !important;\n }\n .fr-background-action-high--blue-ecume:active {\n background-color: #667dcf !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--blue-cumulus {\n background-color: #3558a2 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--blue-cumulus:hover {\n background-color: #5982e0 !important;\n }\n .fr-background-action-high--blue-cumulus:active {\n background-color: #7996e6 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--purple-glycine {\n background-color: #6e445a !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--purple-glycine:hover {\n background-color: #a66989 !important;\n }\n .fr-background-action-high--purple-glycine:active {\n background-color: #bb7f9e !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--pink-macaron {\n background-color: #8d533e !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--pink-macaron:hover {\n background-color: #ca795c !important;\n }\n .fr-background-action-high--pink-macaron:active {\n background-color: #e08e73 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--pink-tuile {\n background-color: #a94645 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--pink-tuile:hover {\n background-color: #d5706f !important;\n }\n .fr-background-action-high--pink-tuile:active {\n background-color: #da8a89 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--yellow-tournesol {\n background-color: #716043 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--yellow-tournesol:hover {\n background-color: #a28a62 !important;\n }\n .fr-background-action-high--yellow-tournesol:active {\n background-color: #ba9f72 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--yellow-moutarde {\n background-color: #695240 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--yellow-moutarde:hover {\n background-color: #9b7b61 !important;\n }\n .fr-background-action-high--yellow-moutarde:active {\n background-color: #b58f72 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--orange-terre-battue {\n background-color: #755348 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--orange-terre-battue:hover {\n background-color: #ab7b6b !important;\n }\n .fr-background-action-high--orange-terre-battue:active {\n background-color: #c68f7d !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--brown-cafe-creme {\n background-color: #685c48 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--brown-cafe-creme:hover {\n background-color: #97866a !important;\n }\n .fr-background-action-high--brown-cafe-creme:active {\n background-color: #ae9b7b !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--brown-caramel {\n background-color: #845d48 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--brown-caramel:hover {\n background-color: #bb8568 !important;\n }\n .fr-background-action-high--brown-caramel:active {\n background-color: #d69978 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--brown-opera {\n background-color: #745b47 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--brown-opera:hover {\n background-color: #a78468 !important;\n }\n .fr-background-action-high--brown-opera:active {\n background-color: #c09979 !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--beige-gris-galet {\n background-color: #6a6156 !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--beige-gris-galet:hover {\n background-color: #988b7c !important;\n }\n .fr-background-action-high--beige-gris-galet:active {\n background-color: #afa08f !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--info {\n background-color: #0063cb !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--info:hover {\n background-color: #3b87ff !important;\n }\n .fr-background-action-high--info:active {\n background-color: #6798ff !important;\n }\n}\n\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--success {\n background-color: #18753c !important;\n }\n}\n@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n .fr-background-action-high--success:hover {\n backgroun