@codegouvfr/react-dsfr/dsfr/utility/icons/icons-media/icons-media.min.css.map

French State Design System React integration library

{"version":3,"sources":["<no source>","file:///Users/ket/Documents/work/dsfr/src/dsfr/core/style/selector/tool/_pseudo.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/core/style/display/tool/_mask-image.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/core/style/icon/tool/_default.scss","%3Cinput%20css%20faDEXv%3E","file:///Users/ket/Documents/work/dsfr/src/module/media-query/mixin/_respond-from.scss","file:///Users/ket/Documents/work/dsfr/src/module/shame/media-query/mixin/_order.scss","file:///Users/ket/Documents/work/dsfr/src/module/legacy/mixin/_legacy.scss","file:///Users/ket/Documents/work/dsfr/src/dsfr/core/style/icon/tool/_legacy.scss"],"names":[],"mappings":"AAAA;;GAAA,ACgBE,uDCVA,4DC2CM,CD1CN,oDEYF,CHHE,uDCVA,4DC2CM,CD1CN,oDEiBF,CHRE,mECVA,kEC2CM,CD1CN,0DEsBF,CHbE,mECVA,kEC2CM,CD1CN,0DE2BF,CHlBE,6DCVA,+DC2CM,CD1CN,uDEgCF,CHvBE,6DCVA,+DC2CM,CD1CN,uDEqCF,CH5BE,mDCVA,0DC2CM,CD1CN,kDE0CF,CHjCE,mDCVA,0DC2CM,CD1CN,kDE+CF,CHtCE,+DCVA,gEC2CM,CD1CN,wDEoDF,CH3CE,yDCVA,6DC2CM,CD1CN,qDEyDF,CHhDE,yDCVA,6DC2CM,CD1CN,qDE8DF,CHrDE,6DCVA,+DC2CM,CD1CN,uDEmEF,CH1DE,6DCVA,+DC2CM,CD1CN,uDEwEF,CH/DE,6DCVA,+DC2CM,CD1CN,uDE6EF,CHpEE,6DCVA,+DC2CM,CD1CN,uDEkFF,CHzEE,+DCVA,gEC2CM,CD1CN,wDEuFF,CH9EE,+DCVA,gEC2CM,CD1CN,wDE4FF,CHnFE,qDCVA,2DC2CM,CD1CN,mDEiGF,CHxFE,qDCVA,2DC2CM,CD1CN,mDEsGF,CH7FE,mDCVA,0DC2CM,CD1CN,kDE2GF,CHlGE,mDCVA,0DC2CM,CD1CN,kDEgHF,CHvGE,iDCVA,yDC2CM,CD1CN,iDEqHF,CH5GE,iDCVA,yDC2CM,CD1CN,iDE0HF,CHjHE,yDCVA,6DC2CM,CD1CN,qDE+HF,CHtHE,yDCVA,6DC2CM,CD1CN,qDEoIF,CH3HE,uECVA,oEC2CM,CD1CN,4DEyIF,CHhIE,uECVA,oEC2CM,CD1CN,4DE8IF,CHrIE,mECVA,kEC2CM,CD1CN,0DEmJF,CH1IE,mECVA,kEC2CM,CD1CN,0DEwJF,CH/IE,iECVA,iEC2CM,CD1CN,yDE6JF,CHpJE,iECVA,iEC2CM,CD1CN,yDEkKF,CHzJE,iECVA,iEC2CM,CD1CN,yDEuKF,CH9JE,iECVA,iEC2CM,CD1CN,yDE4KF,CHnKE,iECVA,iEC2CM,CD1CN,yDEiLF,CHxKE,iECVA,iEC2CM,CD1CN,yDEsLF,CH7KE,iECVA,iEC2CM,CD1CN,yDE2LF,CHlLE,iECVA,iEC2CM,CD1CN,yDEgMF,CHvLE,6DCVA,+DC2CM,CD1CN,uDEqMF,CH5LE,6DCVA,+DC2CM,CD1CN,uDE0MF,CHjME,yDCVA,+DC2CM,CD1CN,uDE+MF,CHtME,yDCVA,+DC2CM,CD1CN,uDEoNF,CH3ME,iDCVA,2DC2CM,CD1CN,mDEyNF,CHhNE,iDCVA,2DC2CM,CD1CN,mDE8NF,CHrNE,+DCVA,kEC2CM,CD1CN,0DEmOF,CH1NE,+DCVA,kEC2CM,CD1CN,0DEwOF,CH/NE,6DCVA,iEC2CM,CD1CN,yDE6OF,CHpOE,6DCVA,iEC2CM,CD1CN,yDEkPF,CHzOE,6DCVA,iEC2CM,CD1CN,yDEuPF,CH9OE,6DCVA,iEC2CM,CD1CN,yDE4PF,CHnPE,yDCVA,+DC2CM,CD1CN,uDEiQF,CHxPE,yDCVA,+DC2CM,CD1CN,uDEsQF,CH7PE,+CCVA,iEC2CM,CD1CN,yDE2QF,CHlQE,+CCVA,iEC2CM,CD1CN,yDEgRF,CHvQE,mDCVA,iEC2CM,CD1CN,yDEqRF,CH5QE,mDCVA,iEC2CM,CD1CN,yDE0RF,CClRI;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,0DJkSF,CHlSA,uDOAE,0DJqSF,CHrSA,mEOAE,gEJwSF,CHxSA,mEOAE,gEJ2SF,CH3SA,6DOAE,6DJ8SF,CH9SA,6DOAE,6DJiTF,CHjTA,mDOAE,wDJoTF,CHpTA,mDOAE,wDJuTF,CHvTA,+DOAE,8DJ0TF,CH1TA,yDOAE,2DJ6TF,CH7TA,yDOAE,2DJgUF,CHhUA,6DOAE,6DJmUF,CHnUA,6DOAE,6DJsUF,CHtUA,6DOAE,6DJyUF,CHzUA,6DOAE,6DJ4UF,CH5UA,+DOAE,8DJ+UF,CH/UA,+DOAE,8DJkVF,CHlVA,qDOAE,yDJqVF,CHrVA,qDOAE,yDJwVF,CHxVA,mDOAE,wDJ2VF,CH3VA,mDOAE,wDJ8VF,CH9VA,iDOAE,uDJiWF,CHjWA,iDOAE,uDJoWF,CHpWA,yDOAE,2DJuWF,CHvWA,yDOAE,2DJ0WF,CH1WA,uEOAE,kEJ6WF,CH7WA,uEOAE,kEJgXF,CHhXA,mEOAE,gEJmXF,CHnXA,mEOAE,gEJsXF,CHtXA,iEOAE,+DJyXF,CHzXA,iEOAE,+DJ4XF,CH5XA,iEOAE,+DJ+XF,CH/XA,iEOAE,+DJkYF,CHlYA,iEOAE,+DJqYF,CHrYA,iEOAE,+DJwYF,CHxYA,iEOAE,+DJ2YF,CH3YA,iEOAE,+DJ8YF,CH9YA,6DOAE,6DJiZF,CHjZA,6DOAE,6DJoZF,CHpZA,6BOAE,6DJyZF,CHzZA,6BOAE,6DJ4ZF,CH5ZA,yBOAE,yDJ+ZF,CH/ZA,yBOAE,yDJkaF,CHlaA,gCOAE,gEJqaF,CHraA,gCOAE,gEJwaF,CHxaA,+BOAE,+DJ2aF,CH3aA,+BOAE,+DJ8aF,CH9aA,+BOAE,+DJibF,CHjbA,+BOAE,+DJobF,CHpbA,6BOAE,6DJubF,CHvbA,6BOAE,6DJ0bF,CH1bA,+COAE,+DJ6bF,CH7bA,+COAE,+DJgcF,CHhcA,mDOAE,+DJmcF,CHncA,mDOAE,+DJscF,CAjDF","file":"icons-media.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 'src/module/path';\n@use 'src/module/spacing';\n@use 'src/module/specificity';\n@use 'src/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-camera-fill::before, .fr-icon-camera-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/camera-fill.svg\");\n  mask-image: url(\"../../../icons/media/camera-fill.svg\");\n}\n\n.fr-icon-camera-line::before, .fr-icon-camera-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/camera-line.svg\");\n  mask-image: url(\"../../../icons/media/camera-line.svg\");\n}\n\n.fr-icon-clapperboard-fill::before, .fr-icon-clapperboard-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/clapperboard-fill.svg\");\n  mask-image: url(\"../../../icons/media/clapperboard-fill.svg\");\n}\n\n.fr-icon-clapperboard-line::before, .fr-icon-clapperboard-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/clapperboard-line.svg\");\n  mask-image: url(\"../../../icons/media/clapperboard-line.svg\");\n}\n\n.fr-icon-equalizer-fill::before, .fr-icon-equalizer-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/equalizer-fill.svg\");\n  mask-image: url(\"../../../icons/media/equalizer-fill.svg\");\n}\n\n.fr-icon-equalizer-line::before, .fr-icon-equalizer-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/equalizer-line.svg\");\n  mask-image: url(\"../../../icons/media/equalizer-line.svg\");\n}\n\n.fr-icon-film-fill::before, .fr-icon-film-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/film-fill.svg\");\n  mask-image: url(\"../../../icons/media/film-fill.svg\");\n}\n\n.fr-icon-film-line::before, .fr-icon-film-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/film-line.svg\");\n  mask-image: url(\"../../../icons/media/film-line.svg\");\n}\n\n.fr-icon-fullscreen-line::before, .fr-icon-fullscreen-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/fullscreen-line.svg\");\n  mask-image: url(\"../../../icons/media/fullscreen-line.svg\");\n}\n\n.fr-icon-gallery-fill::before, .fr-icon-gallery-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/gallery-fill.svg\");\n  mask-image: url(\"../../../icons/media/gallery-fill.svg\");\n}\n\n.fr-icon-gallery-line::before, .fr-icon-gallery-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/gallery-line.svg\");\n  mask-image: url(\"../../../icons/media/gallery-line.svg\");\n}\n\n.fr-icon-headphone-fill::before, .fr-icon-headphone-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/headphone-fill.svg\");\n  mask-image: url(\"../../../icons/media/headphone-fill.svg\");\n}\n\n.fr-icon-headphone-line::before, .fr-icon-headphone-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/headphone-line.svg\");\n  mask-image: url(\"../../../icons/media/headphone-line.svg\");\n}\n\n.fr-icon-image-add-fill::before, .fr-icon-image-add-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/image-add-fill.svg\");\n  mask-image: url(\"../../../icons/media/image-add-fill.svg\");\n}\n\n.fr-icon-image-add-line::before, .fr-icon-image-add-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/image-add-line.svg\");\n  mask-image: url(\"../../../icons/media/image-add-line.svg\");\n}\n\n.fr-icon-image-edit-fill::before, .fr-icon-image-edit-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/image-edit-fill.svg\");\n  mask-image: url(\"../../../icons/media/image-edit-fill.svg\");\n}\n\n.fr-icon-image-edit-line::before, .fr-icon-image-edit-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/image-edit-line.svg\");\n  mask-image: url(\"../../../icons/media/image-edit-line.svg\");\n}\n\n.fr-icon-image-fill::before, .fr-icon-image-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/image-fill.svg\");\n  mask-image: url(\"../../../icons/media/image-fill.svg\");\n}\n\n.fr-icon-image-line::before, .fr-icon-image-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/image-line.svg\");\n  mask-image: url(\"../../../icons/media/image-line.svg\");\n}\n\n.fr-icon-live-fill::before, .fr-icon-live-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/live-fill.svg\");\n  mask-image: url(\"../../../icons/media/live-fill.svg\");\n}\n\n.fr-icon-live-line::before, .fr-icon-live-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/live-line.svg\");\n  mask-image: url(\"../../../icons/media/live-line.svg\");\n}\n\n.fr-icon-mic-fill::before, .fr-icon-mic-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/mic-fill.svg\");\n  mask-image: url(\"../../../icons/media/mic-fill.svg\");\n}\n\n.fr-icon-mic-line::before, .fr-icon-mic-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/mic-line.svg\");\n  mask-image: url(\"../../../icons/media/mic-line.svg\");\n}\n\n.fr-icon-music-2-fill::before, .fr-icon-music-2-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/music-2-fill.svg\");\n  mask-image: url(\"../../../icons/media/music-2-fill.svg\");\n}\n\n.fr-icon-music-2-line::before, .fr-icon-music-2-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/music-2-line.svg\");\n  mask-image: url(\"../../../icons/media/music-2-line.svg\");\n}\n\n.fr-icon-notification-3-fill::before, .fr-icon-notification-3-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/notification-3-fill.svg\");\n  mask-image: url(\"../../../icons/media/notification-3-fill.svg\");\n}\n\n.fr-icon-notification-3-line::before, .fr-icon-notification-3-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/notification-3-line.svg\");\n  mask-image: url(\"../../../icons/media/notification-3-line.svg\");\n}\n\n.fr-icon-pause-circle-fill::before, .fr-icon-pause-circle-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/pause-circle-fill.svg\");\n  mask-image: url(\"../../../icons/media/pause-circle-fill.svg\");\n}\n\n.fr-icon-pause-circle-line::before, .fr-icon-pause-circle-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/pause-circle-line.svg\");\n  mask-image: url(\"../../../icons/media/pause-circle-line.svg\");\n}\n\n.fr-icon-play-circle-fill::before, .fr-icon-play-circle-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/play-circle-fill.svg\");\n  mask-image: url(\"../../../icons/media/play-circle-fill.svg\");\n}\n\n.fr-icon-play-circle-line::before, .fr-icon-play-circle-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/play-circle-line.svg\");\n  mask-image: url(\"../../../icons/media/play-circle-line.svg\");\n}\n\n.fr-icon-stop-circle-fill::before, .fr-icon-stop-circle-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/stop-circle-fill.svg\");\n  mask-image: url(\"../../../icons/media/stop-circle-fill.svg\");\n}\n\n.fr-icon-stop-circle-line::before, .fr-icon-stop-circle-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/stop-circle-line.svg\");\n  mask-image: url(\"../../../icons/media/stop-circle-line.svg\");\n}\n\n.fr-icon-volume-down-fill::before, .fr-icon-volume-down-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/volume-down-fill.svg\");\n  mask-image: url(\"../../../icons/media/volume-down-fill.svg\");\n}\n\n.fr-icon-volume-down-line::before, .fr-icon-volume-down-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/volume-down-line.svg\");\n  mask-image: url(\"../../../icons/media/volume-down-line.svg\");\n}\n\n.fr-icon-volume-mute-fill::before, .fr-icon-volume-mute-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/volume-mute-fill.svg\");\n  mask-image: url(\"../../../icons/media/volume-mute-fill.svg\");\n}\n\n.fr-icon-volume-mute-line::before, .fr-icon-volume-mute-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/volume-mute-line.svg\");\n  mask-image: url(\"../../../icons/media/volume-mute-line.svg\");\n}\n\n.fr-icon-volume-up-fill::before, .fr-icon-volume-up-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/volume-up-fill.svg\");\n  mask-image: url(\"../../../icons/media/volume-up-fill.svg\");\n}\n\n.fr-icon-volume-up-line::before, .fr-icon-volume-up-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/volume-up-line.svg\");\n  mask-image: url(\"../../../icons/media/volume-up-line.svg\");\n}\n\n.fr-fi-equalizer-fill::before, .fr-fi-equalizer-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/equalizer-fill.svg\");\n  mask-image: url(\"../../../icons/media/equalizer-fill.svg\");\n}\n\n.fr-fi-equalizer-line::before, .fr-fi-equalizer-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/equalizer-line.svg\");\n  mask-image: url(\"../../../icons/media/equalizer-line.svg\");\n}\n\n.fr-fi-image-fill::before, .fr-fi-image-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/image-fill.svg\");\n  mask-image: url(\"../../../icons/media/image-fill.svg\");\n}\n\n.fr-fi-image-line::before, .fr-fi-image-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/image-line.svg\");\n  mask-image: url(\"../../../icons/media/image-line.svg\");\n}\n\n.fr-fi-pause-circle-fill::before, .fr-fi-pause-circle-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/pause-circle-fill.svg\");\n  mask-image: url(\"../../../icons/media/pause-circle-fill.svg\");\n}\n\n.fr-fi-pause-circle-line::before, .fr-fi-pause-circle-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/pause-circle-line.svg\");\n  mask-image: url(\"../../../icons/media/pause-circle-line.svg\");\n}\n\n.fr-fi-volume-down-fill::before, .fr-fi-volume-down-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/volume-down-fill.svg\");\n  mask-image: url(\"../../../icons/media/volume-down-fill.svg\");\n}\n\n.fr-fi-volume-down-line::before, .fr-fi-volume-down-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/volume-down-line.svg\");\n  mask-image: url(\"../../../icons/media/volume-down-line.svg\");\n}\n\n.fr-fi-volume-mute-fill::before, .fr-fi-volume-mute-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/volume-mute-fill.svg\");\n  mask-image: url(\"../../../icons/media/volume-mute-fill.svg\");\n}\n\n.fr-fi-volume-mute-line::before, .fr-fi-volume-mute-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/volume-mute-line.svg\");\n  mask-image: url(\"../../../icons/media/volume-mute-line.svg\");\n}\n\n.fr-fi-volume-up-fill::before, .fr-fi-volume-up-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/volume-up-fill.svg\");\n  mask-image: url(\"../../../icons/media/volume-up-fill.svg\");\n}\n\n.fr-fi-volume-up-line::before, .fr-fi-volume-up-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/volume-up-line.svg\");\n  mask-image: url(\"../../../icons/media/volume-up-line.svg\");\n}\n\n.fr-fi-play-line::before, .fr-fi-play-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/play-circle-line.svg\");\n  mask-image: url(\"../../../icons/media/play-circle-line.svg\");\n}\n\n.fr-fi-play-fill::before, .fr-fi-play-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/play-circle-fill.svg\");\n  mask-image: url(\"../../../icons/media/play-circle-fill.svg\");\n}\n\n.fr-icon-play-line::before, .fr-icon-play-line::after {\n  -webkit-mask-image: url(\"../../../icons/media/play-circle-line.svg\");\n  mask-image: url(\"../../../icons/media/play-circle-line.svg\");\n}\n\n.fr-icon-play-fill::before, .fr-icon-play-fill::after {\n  -webkit-mask-image: url(\"../../../icons/media/play-circle-fill.svg\");\n  mask-image: url(\"../../../icons/media/play-circle-fill.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-camera-fill::before, .fr-icon-camera-fill::after {\n    background-image: url(\"../../../icons/media/camera-fill.svg\");\n  }\n  .fr-icon-camera-line::before, .fr-icon-camera-line::after {\n    background-image: url(\"../../../icons/media/camera-line.svg\");\n  }\n  .fr-icon-clapperboard-fill::before, .fr-icon-clapperboard-fill::after {\n    background-image: url(\"../../../icons/media/clapperboard-fill.svg\");\n  }\n  .fr-icon-clapperboard-line::before, .fr-icon-clapperboard-line::after {\n    background-image: url(\"../../../icons/media/clapperboard-line.svg\");\n  }\n  .fr-icon-equalizer-fill::before, .fr-icon-equalizer-fill::after {\n    background-image: url(\"../../../icons/media/equalizer-fill.svg\");\n  }\n  .fr-icon-equalizer-line::before, .fr-icon-equalizer-line::after {\n    background-image: url(\"../../../icons/media/equalizer-line.svg\");\n  }\n  .fr-icon-film-fill::before, .fr-icon-film-fill::after {\n    background-image: url(\"../../../icons/media/film-fill.svg\");\n  }\n  .fr-icon-film-line::before, .fr-icon-film-line::after {\n    background-image: url(\"../../../icons/media/film-line.svg\");\n  }\n  .fr-icon-fullscreen-line::before, .fr-icon-fullscreen-line::after {\n    background-image: url(\"../../../icons/media/fullscreen-line.svg\");\n  }\n  .fr-icon-gallery-fill::before, .fr-icon-gallery-fill::after {\n    background-image: url(\"../../../icons/media/gallery-fill.svg\");\n  }\n  .fr-icon-gallery-line::before, .fr-icon-gallery-line::after {\n    background-image: url(\"../../../icons/media/gallery-line.svg\");\n  }\n  .fr-icon-headphone-fill::before, .fr-icon-headphone-fill::after {\n    background-image: url(\"../../../icons/media/headphone-fill.svg\");\n  }\n  .fr-icon-headphone-line::before, .fr-icon-headphone-line::after {\n    background-image: url(\"../../../icons/media/headphone-line.svg\");\n  }\n  .fr-icon-image-add-fill::before, .fr-icon-image-add-fill::after {\n    background-image: url(\"../../../icons/media/image-add-fill.svg\");\n  }\n  .fr-icon-image-add-line::before, .fr-icon-image-add-line::after {\n    background-image: url(\"../../../icons/media/image-add-line.svg\");\n  }\n  .fr-icon-image-edit-fill::before, .fr-icon-image-edit-fill::after {\n    background-image: url(\"../../../icons/media/image-edit-fill.svg\");\n  }\n  .fr-icon-image-edit-line::before, .fr-icon-image-edit-line::after {\n    background-image: url(\"../../../icons/media/image-edit-line.svg\");\n  }\n  .fr-icon-image-fill::before, .fr-icon-image-fill::after {\n    background-image: url(\"../../../icons/media/image-fill.svg\");\n  }\n  .fr-icon-image-line::before, .fr-icon-image-line::after {\n    background-image: url(\"../../../icons/media/image-line.svg\");\n  }\n  .fr-icon-live-fill::before, .fr-icon-live-fill::after {\n    background-image: url(\"../../../icons/media/live-fill.svg\");\n  }\n  .fr-icon-live-line::before, .fr-icon-live-line::after {\n    background-image: url(\"../../../icons/media/live-line.svg\");\n  }\n  .fr-icon-mic-fill::before, .fr-icon-mic-fill::after {\n    background-image: url(\"../../../icons/media/mic-fill.svg\");\n  }\n  .fr-icon-mic-line::before, .fr-icon-mic-line::after {\n    background-image: url(\"../../../icons/media/mic-line.svg\");\n  }\n  .fr-icon-music-2-fill::before, .fr-icon-music-2-fill::after {\n    background-image: url(\"../../../icons/media/music-2-fill.svg\");\n  }\n  .fr-icon-music-2-line::before, .fr-icon-music-2-line::after {\n    background-image: url(\"../../../icons/media/music-2-line.svg\");\n  }\n  .fr-icon-notification-3-fill::before, .fr-icon-notification-3-fill::after {\n    background-image: url(\"../../../icons/media/notification-3-fill.svg\");\n  }\n  .fr-icon-notification-3-line::before, .fr-icon-notification-3-line::after {\n    background-image: url(\"../../../icons/media/notification-3-line.svg\");\n  }\n  .fr-icon-pause-circle-fill::before, .fr-icon-pause-circle-fill::after {\n    background-image: url(\"../../../icons/media/pause-circle-fill.svg\");\n  }\n  .fr-icon-pause-circle-line::before, .fr-icon-pause-circle-line::after {\n    background-image: url(\"../../../icons/media/pause-circle-line.svg\");\n  }\n  .fr-icon-play-circle-fill::before, .fr-icon-play-circle-fill::after {\n    background-image: url(\"../../../icons/media/play-circle-fill.svg\");\n  }\n  .fr-icon-play-circle-line::before, .fr-icon-play-circle-line::after {\n    background-image: url(\"../../../icons/media/play-circle-line.svg\");\n  }\n  .fr-icon-stop-circle-fill::before, .fr-icon-stop-circle-fill::after {\n    background-image: url(\"../../../icons/media/stop-circle-fill.svg\");\n  }\n  .fr-icon-stop-circle-line::before, .fr-icon-stop-circle-line::after {\n    background-image: url(\"../../../icons/media/stop-circle-line.svg\");\n  }\n  .fr-icon-volume-down-fill::before, .fr-icon-volume-down-fill::after {\n    background-image: url(\"../../../icons/media/volume-down-fill.svg\");\n  }\n  .fr-icon-volume-down-line::before, .fr-icon-volume-down-line::after {\n    background-image: url(\"../../../icons/media/volume-down-line.svg\");\n  }\n  .fr-icon-volume-mute-fill::before, .fr-icon-volume-mute-fill::after {\n    background-image: url(\"../../../icons/media/volume-mute-fill.svg\");\n  }\n  .fr-icon-volume-mute-line::before, .fr-icon-volume-mute-line::after {\n    background-image: url(\"../../../icons/media/volume-mute-line.svg\");\n  }\n  .fr-icon-volume-up-fill::before, .fr-icon-volume-up-fill::after {\n    background-image: url(\"../../../icons/media/volume-up-fill.svg\");\n  }\n  .fr-icon-volume-up-line::before, .fr-icon-volume-up-line::after {\n    background-image: url(\"../../../icons/media/volume-up-line.svg\");\n  }\n}\n@media screen and (min-width: 0\\0 ) and (min-resolution: 72dpi) {\n  .fr-fi-equalizer-fill::before {\n    background-image: url(\"../../../icons/media/equalizer-fill.svg\");\n  }\n  .fr-fi-equalizer-line::before {\n    background-image: url(\"../../../icons/media/equalizer-line.svg\");\n  }\n  .fr-fi-image-fill::before {\n    background-image: url(\"../../../icons/media/image-fill.svg\");\n  }\n  .fr-fi-image-line::before {\n    background-image: url(\"../../../icons/media/image-line.svg\");\n  }\n  .fr-fi-pause-circle-fill::before {\n    background-image: url(\"../../../icons/media/pause-circle-fill.svg\");\n  }\n  .fr-fi-pause-circle-line::before {\n    background-image: url(\"../../../icons/media/pause-circle-line.svg\");\n  }\n  .fr-fi-volume-down-fill::before {\n    background-image: url(\"../../../icons/media/volume-down-fill.svg\");\n  }\n  .fr-fi-volume-down-line::before {\n    background-image: url(\"../../../icons/media/volume-down-line.svg\");\n  }\n  .fr-fi-volume-mute-fill::before {\n    background-image: url(\"../../../icons/media/volume-mute-fill.svg\");\n  }\n  .fr-fi-volume-mute-line::before {\n    background-image: url(\"../../../icons/media/volume-mute-line.svg\");\n  }\n  .fr-fi-volume-up-fill::before {\n    background-image: url(\"../../../icons/media/volume-up-fill.svg\");\n  }\n  .fr-fi-volume-up-line::before {\n    background-image: url(\"../../../icons/media/volume-up-line.svg\");\n  }\n  .fr-fi-play-line::before, .fr-fi-play-line::after {\n    background-image: url(\"../../../icons/media/play-circle-line.svg\");\n  }\n  .fr-fi-play-fill::before, .fr-fi-play-fill::after {\n    background-image: url(\"../../../icons/media/play-circle-fill.svg\");\n  }\n  .fr-icon-play-line::before, .fr-icon-play-line::after {\n    background-image: url(\"../../../icons/media/play-circle-line.svg\");\n  }\n  .fr-icon-play-fill::before, .fr-icon-play-fill::after {\n    background-image: url(\"../../../icons/media/play-circle-fill.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 'src/module/media-query/variable/breakpoints';\n@use 'src/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"]}