@codegouvfr/react-dsfr
Version:
French State Design System React integration library
1 lines • 39.3 kB
Source Map (JSON)
{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/core/style/icon/tool/_default.scss","%3Cinput%20css%20XOz8Qo%3E","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/core/style/icon/tool/_legacy.scss"],"names":[],"mappings":"AAAA;;GAAA,ACgBE,uDCVA,2DC2CM,CD1CN,mDEYF,CHHE,uDCVA,2DC2CM,CD1CN,mDEiBF,CHRE,mDCVA,yDC2CM,CD1CN,iDEsBF,CHbE,mDCVA,yDC2CM,CD1CN,iDE2BF,CHlBE,yECVA,oEC2CM,CD1CN,4DEgCF,CHvBE,yECVA,oEC2CM,CD1CN,4DEqCF,CH5BE,yDCVA,4DC2CM,CD1CN,oDE0CF,CHjCE,yDCVA,4DC2CM,CD1CN,oDE+CF,CHtCE,iECVA,oEC2CM,CD1CN,4DEoDF,CH3CE,iECVA,oEC2CM,CD1CN,4DEyDF,CHhDE,uDCVA,+DC2CM,CD1CN,uDE8DF,CHrDE,uDCVA,+DC2CM,CD1CN,uDEmEF,CH1DE,uDCVA,2DC2CM,CD1CN,mDEwEF,CH/DE,uDCVA,2DC2CM,CD1CN,mDE6EF,CHpEE,uDCVA,2DC2CM,CD1CN,mDEkFF,CHzEE,uDCVA,2DC2CM,CD1CN,mDEuFF,CH9EE,+CCVA,uDC2CM,CD1CN,+CE4FF,CHnFE,+CCVA,uDC2CM,CD1CN,+CEiGF,CHxFE,6DCVA,8DC2CM,CD1CN,sDEsGF,CH7FE,6DCVA,8DC2CM,CD1CN,sDE2GF,CHlGE,mECVA,iEC2CM,CD1CN,yDEgHF,CHvGE,mECVA,iEC2CM,CD1CN,yDEqHF,CH5GE,2DCVA,6DC2CM,CD1CN,qDE0HF,CHjHE,2DCVA,6DC2CM,CD1CN,qDE+HF,CHtHE,qDCVA,0DC2CM,CD1CN,kDEoIF,CH3HE,qDCVA,0DC2CM,CD1CN,kDEyIF,CHhIE,6DCVA,8DC2CM,CD1CN,sDE8IF,CHrIE,6DCVA,8DC2CM,CD1CN,sDEmJF,CH1IE,uDCVA,2DC2CM,CD1CN,mDEwJF,CH/IE,uDCVA,2DC2CM,CD1CN,mDE6JF,CHpJE,qDCVA,0DC2CM,CD1CN,kDEkKF,CHzJE,qDCVA,0DC2CM,CD1CN,kDEuKF,CH9JE,2DCVA,6DC2CM,CD1CN,qDE4KF,CHnKE,2DCVA,6DC2CM,CD1CN,qDEiLF,CHxKE,2DCVA,6DC2CM,CD1CN,qDEsLF,CH7KE,2DCVA,6DC2CM,CD1CN,qDE2LF,CHlLE,yDCVA,4DC2CM,CD1CN,oDEgMF,CHvLE,yDCVA,4DC2CM,CD1CN,oDEqMF,CH5LE,uDCVA,2DC2CM,CD1CN,mDE0MF,CHjME,uDCVA,2DC2CM,CD1CN,mDE+MF,CHtME,yDCVA,4DC2CM,CD1CN,oDEoNF,CH3ME,yDCVA,4DC2CM,CD1CN,oDEyNF,CHhNE,6DCVA,8DC2CM,CD1CN,sDE8NF,CHrNE,6DCVA,8DC2CM,CD1CN,sDEmOF,CH1NE,qDCVA,0DC2CM,CD1CN,kDEwOF,CH/NE,qDCVA,0DC2CM,CD1CN,kDE6OF,CHpOE,qDCVA,0DC2CM,CD1CN,kDEkPF,CHzOE,qDCVA,0DC2CM,CD1CN,kDEuPF,CH9OE,2DCVA,6DC2CM,CD1CN,qDE4PF,CHnPE,2DCVA,6DC2CM,CD1CN,qDEiQF,CHxPE,yDCVA,4DC2CM,CD1CN,oDEsQF,CH7PE,yDCVA,4DC2CM,CD1CN,oDE2QF,CHlQE,qECVA,oEC2CM,CD1CN,4DEgRF,CHvQE,qECVA,oEC2CM,CD1CN,4DEqRF,CH5QE,6DCVA,oEC2CM,CD1CN,4DE0RF,CHjRE,6DCVA,oEC2CM,CD1CN,4DE+RF,CHtRE,mDCVA,2DC2CM,CD1CN,mDEoSF,CH3RE,mDCVA,2DC2CM,CD1CN,mDEySF,CHhSE,yDCVA,8DC2CM,CD1CN,sDE8SF,CHrSE,yDCVA,8DC2CM,CD1CN,sDEmTF,CH1SE,+DCVA,iEC2CM,CD1CN,yDEwTF,CH/SE,+DCVA,iEC2CM,CD1CN,yDE6TF,CHpTE,iDCVA,0DC2CM,CD1CN,kDEkUF,CHzTE,iDCVA,0DC2CM,CD1CN,kDEuUF,CH9TE,yDCVA,8DC2CM,CD1CN,sDE4UF,CHnUE,yDCVA,8DC2CM,CD1CN,sDEiVF,CHxUE,iDCVA,0DC2CM,CD1CN,kDEsVF,CH7UE,iDCVA,0DC2CM,CD1CN,kDE2VF,CHlVE,uDCVA,6DC2CM,CD1CN,qDEgWF,CHvVE,uDCVA,6DC2CM,CD1CN,qDEqWF,CH5VE,uDCVA,6DC2CM,CD1CN,qDE0WF,CHjWE,uDCVA,6DC2CM,CD1CN,qDE+WF,CHtWE,mDCVA,2DC2CM,CD1CN,mDEoXF,CH3WE,mDCVA,2DC2CM,CD1CN,mDEyXF,CHhXE,qDCVA,4DC2CM,CD1CN,oDE8XF,CHrXE,qDCVA,4DC2CM,CD1CN,oDEmYF,CH1XE,iDCVA,0DC2CM,CD1CN,kDEwYF,CH/XE,iDCVA,0DC2CM,CD1CN,kDE6YF,CHpYE,qDCVA,4DC2CM,CD1CN,oDEkZF,CHzYE,qDCVA,4DC2CM,CD1CN,oDEuZF,CC/YI;ECRI,cAAA;EAAA,cAAA,CFDR,CCSI;ECRI,cAAA;EAAA,cAAA,CFER,CCMI;ECRI,cAAA;EAAA,cAAA,CFKR,CCGI;ECRI,cAAA;EAAA,cAAA,CFQR,CGNI,6DNOF,uDOAE,yDJ+ZF,CH/ZA,uDOAE,yDJkaF,CHlaA,mDOAE,uDJqaF,CHraA,mDOAE,uDJwaF,CHxaA,yEOAE,kEJ2aF,CH3aA,yEOAE,kEJ8aF,CH9aA,yDOAE,0DJibF,CHjbA,yDOAE,0DJobF,CHpbA,iEOAE,kEJubF,CHvbA,iEOAE,kEJ0bF,CH1bA,uDOAE,6DJ6bF,CH7bA,uDOAE,6DJgcF,CHhcA,uDOAE,yDJmcF,CHncA,uDOAE,yDJscF,CHtcA,uDOAE,yDJycF,CHzcA,uDOAE,yDJ4cF,CH5cA,+COAE,qDJ+cF,CH/cA,+COAE,qDJkdF,CHldA,6DOAE,4DJqdF,CHrdA,6DOAE,4DJwdF,CHxdA,mEOAE,+DJ2dF,CH3dA,mEOAE,+DJ8dF,CH9dA,2DOAE,2DJieF,CHjeA,2DOAE,2DJoeF,CHpeA,qDOAE,wDJueF,CHveA,qDOAE,wDJ0eF,CH1eA,6DOAE,4DJ6eF,CH7eA,6DOAE,4DJgfF,CHhfA,uDOAE,yDJmfF,CHnfA,uDOAE,yDJsfF,CHtfA,qDOAE,wDJyfF,CHzfA,qDOAE,wDJ4fF,CH5fA,2DOAE,2DJ+fF,CH/fA,2DOAE,2DJkgBF,CHlgBA,2DOAE,2DJqgBF,CHrgBA,2DOAE,2DJwgBF,CHxgBA,yDOAE,0DJ2gBF,CH3gBA,yDOAE,0DJ8gBF,CH9gBA,uDOAE,yDJihBF,CHjhBA,uDOAE,yDJohBF,CHphBA,yDOAE,0DJuhBF,CHvhBA,yDOAE,0DJ0hBF,CH1hBA,6DOAE,4DJ6hBF,CH7hBA,6DOAE,4DJgiBF,CHhiBA,qDOAE,wDJmiBF,CHniBA,qDOAE,wDJsiBF,CHtiBA,qDOAE,wDJyiBF,CHziBA,qDOAE,wDJ4iBF,CH5iBA,2DOAE,2DJ+iBF,CH/iBA,2DOAE,2DJkjBF,CHljBA,yDOAE,0DJqjBF,CHrjBA,yDOAE,0DJwjBF,CHxjBA,mCOAE,kEJ6jBF,CH7jBA,mCOAE,kEJgkBF,CHhkBA,+BOAE,kEJmkBF,CHnkBA,+BOAE,kEJskBF,CHtkBA,0BOAE,yDJykBF,CHzkBA,0BOAE,yDJ4kBF,CH5kBA,6BOAE,4DJ+kBF,CH/kBA,6BOAE,4DJklBF,CHllBA,gCOAE,+DJqlBF,CHrlBA,gCOAE,+DJwlBF,CHxlBA,yBOAE,wDJ2lBF,CH3lBA,yBOAE,wDJ8lBF,CH9lBA,6BOAE,4DJimBF,CHjmBA,6BOAE,4DJomBF,CHpmBA,yBOAE,wDJumBF,CHvmBA,yBOAE,wDJ0mBF,CH1mBA,4BOAE,2DJ6mBF,CH7mBA,4BOAE,2DJgnBF,CHhnBA,4BOAE,2DJmnBF,CHnnBA,4BOAE,2DJsnBF,CHtnBA,0BOAE,yDJynBF,CHznBA,0BOAE,yDJ4nBF,CH5nBA,2BOAE,0DJ+nBF,CH/nBA,2BOAE,0DJkoBF,CHloBA,yBOAE,wDJqoBF,CHroBA,yBOAE,wDJwoBF,CHxoBA,2BOAE,0DJ2oBF,CH3oBA,2BOAE,0DJ8oBF,CArFF","file":"icons-logo.min.css","sourcesContent":[null,"////\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 : 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/// Core Tool : Icon default\n/// @group core\n////\n\n@use 'module/path';\n@use 'module/spacing';\n@use 'module/specificity';\n@use 'module/preference';\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@mixin icon-forced-color($color: graytext, $adjust: false, $restrain: before after) {\n @include _pseudo($restrain) {\n @include preference.forced-colors {\n @if $adjust == true {\n forced-color-adjust: none;\n }\n background-color: $color;\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","@charset \"UTF-8\";\n/* ¯¯¯¯¯¯¯¯¯ *\\\n ICON COMMUNICATION\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-icon-chrome-fill::before, .fr-icon-chrome-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/chrome-fill.svg\");\n mask-image: url(\"../../../icons/logo/chrome-fill.svg\");\n}\n\n.fr-icon-chrome-line::before, .fr-icon-chrome-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/chrome-line.svg\");\n mask-image: url(\"../../../icons/logo/chrome-line.svg\");\n}\n\n.fr-icon-edge-fill::before, .fr-icon-edge-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/edge-fill.svg\");\n mask-image: url(\"../../../icons/logo/edge-fill.svg\");\n}\n\n.fr-icon-edge-line::before, .fr-icon-edge-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/edge-line.svg\");\n mask-image: url(\"../../../icons/logo/edge-line.svg\");\n}\n\n.fr-icon-facebook-circle-fill::before, .fr-icon-facebook-circle-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/facebook-circle-fill.svg\");\n mask-image: url(\"../../../icons/logo/facebook-circle-fill.svg\");\n}\n\n.fr-icon-facebook-circle-line::before, .fr-icon-facebook-circle-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/facebook-circle-line.svg\");\n mask-image: url(\"../../../icons/logo/facebook-circle-line.svg\");\n}\n\n.fr-icon-firefox-fill::before, .fr-icon-firefox-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/firefox-fill.svg\");\n mask-image: url(\"../../../icons/logo/firefox-fill.svg\");\n}\n\n.fr-icon-firefox-line::before, .fr-icon-firefox-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/firefox-line.svg\");\n mask-image: url(\"../../../icons/logo/firefox-line.svg\");\n}\n\n.fr-icon-dailymotion-fill::before, .fr-icon-dailymotion-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/fr--dailymotion-fill.svg\");\n mask-image: url(\"../../../icons/logo/fr--dailymotion-fill.svg\");\n}\n\n.fr-icon-dailymotion-line::before, .fr-icon-dailymotion-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/fr--dailymotion-line.svg\");\n mask-image: url(\"../../../icons/logo/fr--dailymotion-line.svg\");\n}\n\n.fr-icon-tiktok-fill::before, .fr-icon-tiktok-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/fr--tiktok-fill.svg\");\n mask-image: url(\"../../../icons/logo/fr--tiktok-fill.svg\");\n}\n\n.fr-icon-tiktok-line::before, .fr-icon-tiktok-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/fr--tiktok-line.svg\");\n mask-image: url(\"../../../icons/logo/fr--tiktok-line.svg\");\n}\n\n.fr-icon-github-fill::before, .fr-icon-github-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/github-fill.svg\");\n mask-image: url(\"../../../icons/logo/github-fill.svg\");\n}\n\n.fr-icon-github-line::before, .fr-icon-github-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/github-line.svg\");\n mask-image: url(\"../../../icons/logo/github-line.svg\");\n}\n\n.fr-icon-google-fill::before, .fr-icon-google-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/google-fill.svg\");\n mask-image: url(\"../../../icons/logo/google-fill.svg\");\n}\n\n.fr-icon-google-line::before, .fr-icon-google-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/google-line.svg\");\n mask-image: url(\"../../../icons/logo/google-line.svg\");\n}\n\n.fr-icon-ie-fill::before, .fr-icon-ie-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/ie-fill.svg\");\n mask-image: url(\"../../../icons/logo/ie-fill.svg\");\n}\n\n.fr-icon-ie-line::before, .fr-icon-ie-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/ie-line.svg\");\n mask-image: url(\"../../../icons/logo/ie-line.svg\");\n}\n\n.fr-icon-instagram-fill::before, .fr-icon-instagram-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/instagram-fill.svg\");\n mask-image: url(\"../../../icons/logo/instagram-fill.svg\");\n}\n\n.fr-icon-instagram-line::before, .fr-icon-instagram-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/instagram-line.svg\");\n mask-image: url(\"../../../icons/logo/instagram-line.svg\");\n}\n\n.fr-icon-linkedin-box-fill::before, .fr-icon-linkedin-box-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/linkedin-box-fill.svg\");\n mask-image: url(\"../../../icons/logo/linkedin-box-fill.svg\");\n}\n\n.fr-icon-linkedin-box-line::before, .fr-icon-linkedin-box-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/linkedin-box-line.svg\");\n mask-image: url(\"../../../icons/logo/linkedin-box-line.svg\");\n}\n\n.fr-icon-mastodon-fill::before, .fr-icon-mastodon-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/mastodon-fill.svg\");\n mask-image: url(\"../../../icons/logo/mastodon-fill.svg\");\n}\n\n.fr-icon-mastodon-line::before, .fr-icon-mastodon-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/mastodon-line.svg\");\n mask-image: url(\"../../../icons/logo/mastodon-line.svg\");\n}\n\n.fr-icon-npmjs-fill::before, .fr-icon-npmjs-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/npmjs-fill.svg\");\n mask-image: url(\"../../../icons/logo/npmjs-fill.svg\");\n}\n\n.fr-icon-npmjs-line::before, .fr-icon-npmjs-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/npmjs-line.svg\");\n mask-image: url(\"../../../icons/logo/npmjs-line.svg\");\n}\n\n.fr-icon-remixicon-fill::before, .fr-icon-remixicon-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/remixicon-fill.svg\");\n mask-image: url(\"../../../icons/logo/remixicon-fill.svg\");\n}\n\n.fr-icon-remixicon-line::before, .fr-icon-remixicon-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/remixicon-line.svg\");\n mask-image: url(\"../../../icons/logo/remixicon-line.svg\");\n}\n\n.fr-icon-safari-fill::before, .fr-icon-safari-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/safari-fill.svg\");\n mask-image: url(\"../../../icons/logo/safari-fill.svg\");\n}\n\n.fr-icon-safari-line::before, .fr-icon-safari-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/safari-line.svg\");\n mask-image: url(\"../../../icons/logo/safari-line.svg\");\n}\n\n.fr-icon-slack-fill::before, .fr-icon-slack-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/slack-fill.svg\");\n mask-image: url(\"../../../icons/logo/slack-fill.svg\");\n}\n\n.fr-icon-slack-line::before, .fr-icon-slack-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/slack-line.svg\");\n mask-image: url(\"../../../icons/logo/slack-line.svg\");\n}\n\n.fr-icon-snapchat-fill::before, .fr-icon-snapchat-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/snapchat-fill.svg\");\n mask-image: url(\"../../../icons/logo/snapchat-fill.svg\");\n}\n\n.fr-icon-snapchat-line::before, .fr-icon-snapchat-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/snapchat-line.svg\");\n mask-image: url(\"../../../icons/logo/snapchat-line.svg\");\n}\n\n.fr-icon-telegram-fill::before, .fr-icon-telegram-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/telegram-fill.svg\");\n mask-image: url(\"../../../icons/logo/telegram-fill.svg\");\n}\n\n.fr-icon-telegram-line::before, .fr-icon-telegram-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/telegram-line.svg\");\n mask-image: url(\"../../../icons/logo/telegram-line.svg\");\n}\n\n.fr-icon-threads-fill::before, .fr-icon-threads-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/threads-fill.svg\");\n mask-image: url(\"../../../icons/logo/threads-fill.svg\");\n}\n\n.fr-icon-threads-line::before, .fr-icon-threads-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/threads-line.svg\");\n mask-image: url(\"../../../icons/logo/threads-line.svg\");\n}\n\n.fr-icon-twitch-fill::before, .fr-icon-twitch-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/twitch-fill.svg\");\n mask-image: url(\"../../../icons/logo/twitch-fill.svg\");\n}\n\n.fr-icon-twitch-line::before, .fr-icon-twitch-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/twitch-line.svg\");\n mask-image: url(\"../../../icons/logo/twitch-line.svg\");\n}\n\n.fr-icon-twitter-fill::before, .fr-icon-twitter-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/twitter-fill.svg\");\n mask-image: url(\"../../../icons/logo/twitter-fill.svg\");\n}\n\n.fr-icon-twitter-line::before, .fr-icon-twitter-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/twitter-line.svg\");\n mask-image: url(\"../../../icons/logo/twitter-line.svg\");\n}\n\n.fr-icon-twitter-x-fill::before, .fr-icon-twitter-x-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/twitter-x-fill.svg\");\n mask-image: url(\"../../../icons/logo/twitter-x-fill.svg\");\n}\n\n.fr-icon-twitter-x-line::before, .fr-icon-twitter-x-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/twitter-x-line.svg\");\n mask-image: url(\"../../../icons/logo/twitter-x-line.svg\");\n}\n\n.fr-icon-vimeo-fill::before, .fr-icon-vimeo-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/vimeo-fill.svg\");\n mask-image: url(\"../../../icons/logo/vimeo-fill.svg\");\n}\n\n.fr-icon-vimeo-line::before, .fr-icon-vimeo-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/vimeo-line.svg\");\n mask-image: url(\"../../../icons/logo/vimeo-line.svg\");\n}\n\n.fr-icon-vuejs-fill::before, .fr-icon-vuejs-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/vuejs-fill.svg\");\n mask-image: url(\"../../../icons/logo/vuejs-fill.svg\");\n}\n\n.fr-icon-vuejs-line::before, .fr-icon-vuejs-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/vuejs-line.svg\");\n mask-image: url(\"../../../icons/logo/vuejs-line.svg\");\n}\n\n.fr-icon-whatsapp-fill::before, .fr-icon-whatsapp-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/whatsapp-fill.svg\");\n mask-image: url(\"../../../icons/logo/whatsapp-fill.svg\");\n}\n\n.fr-icon-whatsapp-line::before, .fr-icon-whatsapp-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/whatsapp-line.svg\");\n mask-image: url(\"../../../icons/logo/whatsapp-line.svg\");\n}\n\n.fr-icon-youtube-fill::before, .fr-icon-youtube-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/youtube-fill.svg\");\n mask-image: url(\"../../../icons/logo/youtube-fill.svg\");\n}\n\n.fr-icon-youtube-line::before, .fr-icon-youtube-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/youtube-line.svg\");\n mask-image: url(\"../../../icons/logo/youtube-line.svg\");\n}\n\n.fr-fi-facebook-circle-fill::before, .fr-fi-facebook-circle-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/facebook-circle-fill.svg\");\n mask-image: url(\"../../../icons/logo/facebook-circle-fill.svg\");\n}\n\n.fr-fi-facebook-circle-line::before, .fr-fi-facebook-circle-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/facebook-circle-line.svg\");\n mask-image: url(\"../../../icons/logo/facebook-circle-line.svg\");\n}\n\n.fr-fi-dailymotion-fill::before, .fr-fi-dailymotion-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/fr--dailymotion-fill.svg\");\n mask-image: url(\"../../../icons/logo/fr--dailymotion-fill.svg\");\n}\n\n.fr-fi-dailymotion-line::before, .fr-fi-dailymotion-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/fr--dailymotion-line.svg\");\n mask-image: url(\"../../../icons/logo/fr--dailymotion-line.svg\");\n}\n\n.fr-fi-github-fill::before, .fr-fi-github-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/github-fill.svg\");\n mask-image: url(\"../../../icons/logo/github-fill.svg\");\n}\n\n.fr-fi-github-line::before, .fr-fi-github-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/github-line.svg\");\n mask-image: url(\"../../../icons/logo/github-line.svg\");\n}\n\n.fr-fi-instagram-fill::before, .fr-fi-instagram-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/instagram-fill.svg\");\n mask-image: url(\"../../../icons/logo/instagram-fill.svg\");\n}\n\n.fr-fi-instagram-line::before, .fr-fi-instagram-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/instagram-line.svg\");\n mask-image: url(\"../../../icons/logo/instagram-line.svg\");\n}\n\n.fr-fi-linkedin-box-fill::before, .fr-fi-linkedin-box-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/linkedin-box-fill.svg\");\n mask-image: url(\"../../../icons/logo/linkedin-box-fill.svg\");\n}\n\n.fr-fi-linkedin-box-line::before, .fr-fi-linkedin-box-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/linkedin-box-line.svg\");\n mask-image: url(\"../../../icons/logo/linkedin-box-line.svg\");\n}\n\n.fr-fi-npmjs-fill::before, .fr-fi-npmjs-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/npmjs-fill.svg\");\n mask-image: url(\"../../../icons/logo/npmjs-fill.svg\");\n}\n\n.fr-fi-npmjs-line::before, .fr-fi-npmjs-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/npmjs-line.svg\");\n mask-image: url(\"../../../icons/logo/npmjs-line.svg\");\n}\n\n.fr-fi-remixicon-fill::before, .fr-fi-remixicon-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/remixicon-fill.svg\");\n mask-image: url(\"../../../icons/logo/remixicon-fill.svg\");\n}\n\n.fr-fi-remixicon-line::before, .fr-fi-remixicon-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/remixicon-line.svg\");\n mask-image: url(\"../../../icons/logo/remixicon-line.svg\");\n}\n\n.fr-fi-slack-fill::before, .fr-fi-slack-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/slack-fill.svg\");\n mask-image: url(\"../../../icons/logo/slack-fill.svg\");\n}\n\n.fr-fi-slack-line::before, .fr-fi-slack-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/slack-line.svg\");\n mask-image: url(\"../../../icons/logo/slack-line.svg\");\n}\n\n.fr-fi-snapchat-fill::before, .fr-fi-snapchat-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/snapchat-fill.svg\");\n mask-image: url(\"../../../icons/logo/snapchat-fill.svg\");\n}\n\n.fr-fi-snapchat-line::before, .fr-fi-snapchat-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/snapchat-line.svg\");\n mask-image: url(\"../../../icons/logo/snapchat-line.svg\");\n}\n\n.fr-fi-telegram-fill::before, .fr-fi-telegram-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/telegram-fill.svg\");\n mask-image: url(\"../../../icons/logo/telegram-fill.svg\");\n}\n\n.fr-fi-telegram-line::before, .fr-fi-telegram-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/telegram-line.svg\");\n mask-image: url(\"../../../icons/logo/telegram-line.svg\");\n}\n\n.fr-fi-twitch-fill::before, .fr-fi-twitch-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/twitch-fill.svg\");\n mask-image: url(\"../../../icons/logo/twitch-fill.svg\");\n}\n\n.fr-fi-twitch-line::before, .fr-fi-twitch-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/twitch-line.svg\");\n mask-image: url(\"../../../icons/logo/twitch-line.svg\");\n}\n\n.fr-fi-twitter-fill::before, .fr-fi-twitter-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/twitter-fill.svg\");\n mask-image: url(\"../../../icons/logo/twitter-fill.svg\");\n}\n\n.fr-fi-twitter-line::before, .fr-fi-twitter-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/twitter-line.svg\");\n mask-image: url(\"../../../icons/logo/twitter-line.svg\");\n}\n\n.fr-fi-vimeo-fill::before, .fr-fi-vimeo-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/vimeo-fill.svg\");\n mask-image: url(\"../../../icons/logo/vimeo-fill.svg\");\n}\n\n.fr-fi-vimeo-line::before, .fr-fi-vimeo-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/vimeo-line.svg\");\n mask-image: url(\"../../../icons/logo/vimeo-line.svg\");\n}\n\n.fr-fi-youtube-fill::before, .fr-fi-youtube-fill::after {\n -webkit-mask-image: url(\"../../../icons/logo/youtube-fill.svg\");\n mask-image: url(\"../../../icons/logo/youtube-fill.svg\");\n}\n\n.fr-fi-youtube-line::before, .fr-fi-youtube-line::after {\n -webkit-mask-image: url(\"../../../icons/logo/youtube-line.svg\");\n mask-image: url(\"../../../icons/logo/youtube-line.svg\");\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 screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-icon-chrome-fill::before, .fr-icon-chrome-fill::after {\n background-image: url(\"../../../icons/logo/chrome-fill.svg\");\n }\n .fr-icon-chrome-line::before, .fr-icon-chrome-line::after {\n background-image: url(\"../../../icons/logo/chrome-line.svg\");\n }\n .fr-icon-edge-fill::before, .fr-icon-edge-fill::after {\n background-image: url(\"../../../icons/logo/edge-fill.svg\");\n }\n .fr-icon-edge-line::before, .fr-icon-edge-line::after {\n background-image: url(\"../../../icons/logo/edge-line.svg\");\n }\n .fr-icon-facebook-circle-fill::before, .fr-icon-facebook-circle-fill::after {\n background-image: url(\"../../../icons/logo/facebook-circle-fill.svg\");\n }\n .fr-icon-facebook-circle-line::before, .fr-icon-facebook-circle-line::after {\n background-image: url(\"../../../icons/logo/facebook-circle-line.svg\");\n }\n .fr-icon-firefox-fill::before, .fr-icon-firefox-fill::after {\n background-image: url(\"../../../icons/logo/firefox-fill.svg\");\n }\n .fr-icon-firefox-line::before, .fr-icon-firefox-line::after {\n background-image: url(\"../../../icons/logo/firefox-line.svg\");\n }\n .fr-icon-dailymotion-fill::before, .fr-icon-dailymotion-fill::after {\n background-image: url(\"../../../icons/logo/fr--dailymotion-fill.svg\");\n }\n .fr-icon-dailymotion-line::before, .fr-icon-dailymotion-line::after {\n background-image: url(\"../../../icons/logo/fr--dailymotion-line.svg\");\n }\n .fr-icon-tiktok-fill::before, .fr-icon-tiktok-fill::after {\n background-image: url(\"../../../icons/logo/fr--tiktok-fill.svg\");\n }\n .fr-icon-tiktok-line::before, .fr-icon-tiktok-line::after {\n background-image: url(\"../../../icons/logo/fr--tiktok-line.svg\");\n }\n .fr-icon-github-fill::before, .fr-icon-github-fill::after {\n background-image: url(\"../../../icons/logo/github-fill.svg\");\n }\n .fr-icon-github-line::before, .fr-icon-github-line::after {\n background-image: url(\"../../../icons/logo/github-line.svg\");\n }\n .fr-icon-google-fill::before, .fr-icon-google-fill::after {\n background-image: url(\"../../../icons/logo/google-fill.svg\");\n }\n .fr-icon-google-line::before, .fr-icon-google-line::after {\n background-image: url(\"../../../icons/logo/google-line.svg\");\n }\n .fr-icon-ie-fill::before, .fr-icon-ie-fill::after {\n background-image: url(\"../../../icons/logo/ie-fill.svg\");\n }\n .fr-icon-ie-line::before, .fr-icon-ie-line::after {\n background-image: url(\"../../../icons/logo/ie-line.svg\");\n }\n .fr-icon-instagram-fill::before, .fr-icon-instagram-fill::after {\n background-image: url(\"../../../icons/logo/instagram-fill.svg\");\n }\n .fr-icon-instagram-line::before, .fr-icon-instagram-line::after {\n background-image: url(\"../../../icons/logo/instagram-line.svg\");\n }\n .fr-icon-linkedin-box-fill::before, .fr-icon-linkedin-box-fill::after {\n background-image: url(\"../../../icons/logo/linkedin-box-fill.svg\");\n }\n .fr-icon-linkedin-box-line::before, .fr-icon-linkedin-box-line::after {\n background-image: url(\"../../../icons/logo/linkedin-box-line.svg\");\n }\n .fr-icon-mastodon-fill::before, .fr-icon-mastodon-fill::after {\n background-image: url(\"../../../icons/logo/mastodon-fill.svg\");\n }\n .fr-icon-mastodon-line::before, .fr-icon-mastodon-line::after {\n background-image: url(\"../../../icons/logo/mastodon-line.svg\");\n }\n .fr-icon-npmjs-fill::before, .fr-icon-npmjs-fill::after {\n background-image: url(\"../../../icons/logo/npmjs-fill.svg\");\n }\n .fr-icon-npmjs-line::before, .fr-icon-npmjs-line::after {\n background-image: url(\"../../../icons/logo/npmjs-line.svg\");\n }\n .fr-icon-remixicon-fill::before, .fr-icon-remixicon-fill::after {\n background-image: url(\"../../../icons/logo/remixicon-fill.svg\");\n }\n .fr-icon-remixicon-line::before, .fr-icon-remixicon-line::after {\n background-image: url(\"../../../icons/logo/remixicon-line.svg\");\n }\n .fr-icon-safari-fill::before, .fr-icon-safari-fill::after {\n background-image: url(\"../../../icons/logo/safari-fill.svg\");\n }\n .fr-icon-safari-line::before, .fr-icon-safari-line::after {\n background-image: url(\"../../../icons/logo/safari-line.svg\");\n }\n .fr-icon-slack-fill::before, .fr-icon-slack-fill::after {\n background-image: url(\"../../../icons/logo/slack-fill.svg\");\n }\n .fr-icon-slack-line::before, .fr-icon-slack-line::after {\n background-image: url(\"../../../icons/logo/slack-line.svg\");\n }\n .fr-icon-snapchat-fill::before, .fr-icon-snapchat-fill::after {\n background-image: url(\"../../../icons/logo/snapchat-fill.svg\");\n }\n .fr-icon-snapchat-line::before, .fr-icon-snapchat-line::after {\n background-image: url(\"../../../icons/logo/snapchat-line.svg\");\n }\n .fr-icon-telegram-fill::before, .fr-icon-telegram-fill::after {\n background-image: url(\"../../../icons/logo/telegram-fill.svg\");\n }\n .fr-icon-telegram-line::before, .fr-icon-telegram-line::after {\n background-image: url(\"../../../icons/logo/telegram-line.svg\");\n }\n .fr-icon-threads-fill::before, .fr-icon-threads-fill::after {\n background-image: url(\"../../../icons/logo/threads-fill.svg\");\n }\n .fr-icon-threads-line::before, .fr-icon-threads-line::after {\n background-image: url(\"../../../icons/logo/threads-line.svg\");\n }\n .fr-icon-twitch-fill::before, .fr-icon-twitch-fill::after {\n background-image: url(\"../../../icons/logo/twitch-fill.svg\");\n }\n .fr-icon-twitch-line::before, .fr-icon-twitch-line::after {\n background-image: url(\"../../../icons/logo/twitch-line.svg\");\n }\n .fr-icon-twitter-fill::before, .fr-icon-twitter-fill::after {\n background-image: url(\"../../../icons/logo/twitter-fill.svg\");\n }\n .fr-icon-twitter-line::before, .fr-icon-twitter-line::after {\n background-image: url(\"../../../icons/logo/twitter-line.svg\");\n }\n .fr-icon-twitter-x-fill::before, .fr-icon-twitter-x-fill::after {\n background-image: url(\"../../../icons/logo/twitter-x-fill.svg\");\n }\n .fr-icon-twitter-x-line::before, .fr-icon-twitter-x-line::after {\n background-image: url(\"../../../icons/logo/twitter-x-line.svg\");\n }\n .fr-icon-vimeo-fill::before, .fr-icon-vimeo-fill::after {\n background-image: url(\"../../../icons/logo/vimeo-fill.svg\");\n }\n .fr-icon-vimeo-line::before, .fr-icon-vimeo-line::after {\n background-image: url(\"../../../icons/logo/vimeo-line.svg\");\n }\n .fr-icon-vuejs-fill::before, .fr-icon-vuejs-fill::after {\n background-image: url(\"../../../icons/logo/vuejs-fill.svg\");\n }\n .fr-icon-vuejs-line::before, .fr-icon-vuejs-line::after {\n background-image: url(\"../../../icons/logo/vuejs-line.svg\");\n }\n .fr-icon-whatsapp-fill::before, .fr-icon-whatsapp-fill::after {\n background-image: url(\"../../../icons/logo/whatsapp-fill.svg\");\n }\n .fr-icon-whatsapp-line::before, .fr-icon-whatsapp-line::after {\n background-image: url(\"../../../icons/logo/whatsapp-line.svg\");\n }\n .fr-icon-youtube-fill::before, .fr-icon-youtube-fill::after {\n background-image: url(\"../../../icons/logo/youtube-fill.svg\");\n }\n .fr-icon-youtube-line::before, .fr-icon-youtube-line::after {\n background-image: url(\"../../../icons/logo/youtube-line.svg\");\n }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n .fr-fi-facebook-circle-fill::before {\n background-image: url(\"../../../icons/logo/facebook-circle-fill.svg\");\n }\n .fr-fi-facebook-circle-line::before {\n background-image: url(\"../../../icons/logo/facebook-circle-line.svg\");\n }\n .fr-fi-dailymotion-fill::before {\n background-image: url(\"../../../icons/logo/fr--dailymotion-fill.svg\");\n }\n .fr-fi-dailymotion-line::before {\n background-image: url(\"../../../icons/logo/fr--dailymotion-line.svg\");\n }\n .fr-fi-github-fill::before {\n background-image: url(\"../../../icons/logo/github-fill.svg\");\n }\n .fr-fi-github-line::before {\n background-image: url(\"../../../icons/logo/github-line.svg\");\n }\n .fr-fi-instagram-fill::before {\n background-image: url(\"../../../icons/logo/instagram-fill.svg\");\n }\n .fr-fi-instagram-line::before {\n background-image: url(\"../../../icons/logo/instagram-line.svg\");\n }\n .fr-fi-linkedin-box-fill::before {\n background-image: url(\"../../../icons/logo/linkedin-box-fill.svg\");\n }\n .fr-fi-linkedin-box-line::before {\n background-image: url(\"../../../icons/logo/linkedin-box-line.svg\");\n }\n .fr-fi-npmjs-fill::before {\n background-image: url(\"../../../icons/logo/npmjs-fill.svg\");\n }\n .fr-fi-npmjs-line::before {\n background-image: url(\"../../../icons/logo/npmjs-line.svg\");\n }\n .fr-fi-remixicon-fill::before {\n background-image: url(\"../../../icons/logo/remixicon-fill.svg\");\n }\n .fr-fi-remixicon-line::before {\n background-image: url(\"../../../icons/logo/remixicon-line.svg\");\n }\n .fr-fi-slack-fill::before {\n background-image: url(\"../../../icons/logo/slack-fill.svg\");\n }\n .fr-fi-slack-line::before {\n background-image: url(\"../../../icons/logo/slack-line.svg\");\n }\n .fr-fi-snapchat-fill::before {\n background-image: url(\"../../../icons/logo/snapchat-fill.svg\");\n }\n .fr-fi-snapchat-line::before {\n background-image: url(\"../../../icons/logo/snapchat-line.svg\");\n }\n .fr-fi-telegram-fill::before {\n background-image: url(\"../../../icons/logo/telegram-fill.svg\");\n }\n .fr-fi-telegram-line::before {\n background-image: url(\"../../../icons/logo/telegram-line.svg\");\n }\n .fr-fi-twitch-fill::before {\n background-image: url(\"../../../icons/logo/twitch-fill.svg\");\n }\n .fr-fi-twitch-line::before {\n background-image: url(\"../../../icons/logo/twitch-line.svg\");\n }\n .fr-fi-twitter-fill::before {\n background-image: url(\"../../../icons/logo/twitter-fill.svg\");\n }\n .fr-fi-twitter-line::before {\n background-image: url(\"../../../icons/logo/twitter-line.svg\");\n }\n .fr-fi-vimeo-fill::before {\n background-image: url(\"../../../icons/logo/vimeo-fill.svg\");\n }\n .fr-fi-vimeo-line::before {\n background-image: url(\"../../../icons/logo/vimeo-line.svg\");\n }\n .fr-fi-youtube-fill::before {\n background-image: url(\"../../../icons/logo/youtube-fill.svg\");\n }\n .fr-fi-youtube-line::before {\n background-image: url(\"../../../icons/logo/youtube-line.svg\");\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 screen and (min-width: 0\\0) and (min-resolution: +72dpi) {\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 : 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"]}