@codegouvfr/react-dsfr/dsfr/utility/utility.main.css

French State Design System React integration library

/*!
 * DSFR v1.8.5 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */
@charset "UTF-8";

.fr-background-default--grey {
  background-color: var(--background-default-grey) !important;

  --idle: transparent;
  --hover: var(--background-default-grey-hover) !important;
  --active: var(--background-default-grey-active) !important;
}

.fr-background-alt--grey {
  background-color: var(--background-alt-grey) !important;

  --idle: transparent;
  --hover: var(--background-alt-grey-hover) !important;
  --active: var(--background-alt-grey-active) !important;
}

.fr-background-alt--blue-france {
  background-color: var(--background-alt-blue-france) !important;

  --idle: transparent;
  --hover: var(--background-alt-blue-france-hover) !important;
  --active: var(--background-alt-blue-france-active) !important;
}

.fr-background-alt--red-marianne {
  background-color: var(--background-alt-red-marianne) !important;

  --idle: transparent;
  --hover: var(--background-alt-red-marianne-hover) !important;
  --active: var(--background-alt-red-marianne-active) !important;
}

.fr-background-alt--green-tilleul-verveine {
  background-color: var(--background-alt-green-tilleul-verveine) !important;

  --idle: transparent;
  --hover: var(--background-alt-green-tilleul-verveine-hover) !important;
  --active: var(--background-alt-green-tilleul-verveine-active) !important;
}

.fr-background-alt--green-bourgeon {
  background-color: var(--background-alt-green-bourgeon) !important;

  --idle: transparent;
  --hover: var(--background-alt-green-bourgeon-hover) !important;
  --active: var(--background-alt-green-bourgeon-active) !important;
}

.fr-background-alt--green-emeraude {
  background-color: var(--background-alt-green-emeraude) !important;

  --idle: transparent;
  --hover: var(--background-alt-green-emeraude-hover) !important;
  --active: var(--background-alt-green-emeraude-active) !important;
}

.fr-background-alt--green-menthe {
  background-color: var(--background-alt-green-menthe) !important;

  --idle: transparent;
  --hover: var(--background-alt-green-menthe-hover) !important;
  --active: var(--background-alt-green-menthe-active) !important;
}

.fr-background-alt--green-archipel {
  background-color: var(--background-alt-green-archipel) !important;

  --idle: transparent;
  --hover: var(--background-alt-green-archipel-hover) !important;
  --active: var(--background-alt-green-archipel-active) !important;
}

.fr-background-alt--blue-ecume {
  background-color: var(--background-alt-blue-ecume) !important;

  --idle: transparent;
  --hover: var(--background-alt-blue-ecume-hover) !important;
  --active: var(--background-alt-blue-ecume-active) !important;
}

.fr-background-alt--blue-cumulus {
  background-color: var(--background-alt-blue-cumulus) !important;

  --idle: transparent;
  --hover: var(--background-alt-blue-cumulus-hover) !important;
  --active: var(--background-alt-blue-cumulus-active) !important;
}

.fr-background-alt--purple-glycine {
  background-color: var(--background-alt-purple-glycine) !important;

  --idle: transparent;
  --hover: var(--background-alt-purple-glycine-hover) !important;
  --active: var(--background-alt-purple-glycine-active) !important;
}

.fr-background-alt--pink-macaron {
  background-color: var(--background-alt-pink-macaron) !important;

  --idle: transparent;
  --hover: var(--background-alt-pink-macaron-hover) !important;
  --active: var(--background-alt-pink-macaron-active) !important;
}

.fr-background-alt--pink-tuile {
  background-color: var(--background-alt-pink-tuile) !important;

  --idle: transparent;
  --hover: var(--background-alt-pink-tuile-hover) !important;
  --active: var(--background-alt-pink-tuile-active) !important;
}

.fr-background-alt--yellow-tournesol {
  background-color: var(--background-alt-yellow-tournesol) !important;

  --idle: transparent;
  --hover: var(--background-alt-yellow-tournesol-hover) !important;
  --active: var(--background-alt-yellow-tournesol-active) !important;
}

.fr-background-alt--yellow-moutarde {
  background-color: var(--background-alt-yellow-moutarde) !important;

  --idle: transparent;
  --hover: var(--background-alt-yellow-moutarde-hover) !important;
  --active: var(--background-alt-yellow-moutarde-active) !important;
}

.fr-background-alt--orange-terre-battue {
  background-color: var(--background-alt-orange-terre-battue) !important;

  --idle: transparent;
  --hover: var(--background-alt-orange-terre-battue-hover) !important;
  --active: var(--background-alt-orange-terre-battue-active) !important;
}

.fr-background-alt--brown-cafe-creme {
  background-color: var(--background-alt-brown-cafe-creme) !important;

  --idle: transparent;
  --hover: var(--background-alt-brown-cafe-creme-hover) !important;
  --active: var(--background-alt-brown-cafe-creme-active) !important;
}

.fr-background-alt--brown-caramel {
  background-color: var(--background-alt-brown-caramel) !important;

  --idle: transparent;
  --hover: var(--background-alt-brown-caramel-hover) !important;
  --active: var(--background-alt-brown-caramel-active) !important;
}

.fr-background-alt--brown-opera {
  background-color: var(--background-alt-brown-opera) !important;

  --idle: transparent;
  --hover: var(--background-alt-brown-opera-hover) !important;
  --active: var(--background-alt-brown-opera-active) !important;
}

.fr-background-alt--beige-gris-galet {
  background-color: var(--background-alt-beige-gris-galet) !important;

  --idle: transparent;
  --hover: var(--background-alt-beige-gris-galet-hover) !important;
  --active: var(--background-alt-beige-gris-galet-active) !important;
}

.fr-background-contrast--grey {
  background-color: var(--background-contrast-grey) !important;

  --idle: transparent;
  --hover: var(--background-contrast-grey-hover) !important;
  --active: var(--background-contrast-grey-active) !important;
}

.fr-background-contrast--blue-france {
  background-color: var(--background-contrast-blue-france) !important;

  --idle: transparent;
  --hover: var(--background-contrast-blue-france-hover) !important;
  --active: var(--background-contrast-blue-france-active) !important;
}

.fr-background-contrast--red-marianne {
  background-color: var(--background-contrast-red-marianne) !important;

  --idle: transparent;
  --hover: var(--background-contrast-red-marianne-hover) !important;
  --active: var(--background-contrast-red-marianne-active) !important;
}

.fr-background-contrast--green-tilleul-verveine {
  background-color: var(--background-contrast-green-tilleul-verveine) !important;

  --idle: transparent;
  --hover: var(--background-contrast-green-tilleul-verveine-hover) !important;
  --active: var(--background-contrast-green-tilleul-verveine-active) !important;
}

.fr-background-contrast--green-bourgeon {
  background-color: var(--background-contrast-green-bourgeon) !important;

  --idle: transparent;
  --hover: var(--background-contrast-green-bourgeon-hover) !important;
  --active: var(--background-contrast-green-bourgeon-active) !important;
}

.fr-background-contrast--green-emeraude {
  background-color: var(--background-contrast-green-emeraude) !important;

  --idle: transparent;
  --hover: var(--background-contrast-green-emeraude-hover) !important;
  --active: var(--background-contrast-green-emeraude-active) !important;
}

.fr-background-contrast--green-menthe {
  background-color: var(--background-contrast-green-menthe) !important;

  --idle: transparent;
  --hover: var(--background-contrast-green-menthe-hover) !important;
  --active: var(--background-contrast-green-menthe-active) !important;
}

.fr-background-contrast--green-archipel {
  background-color: var(--background-contrast-green-archipel) !important;

  --idle: transparent;
  --hover: var(--background-contrast-green-archipel-hover) !important;
  --active: var(--background-contrast-green-archipel-active) !important;
}

.fr-background-contrast--blue-ecume {
  background-color: var(--background-contrast-blue-ecume) !important;

  --idle: transparent;
  --hover: var(--background-contrast-blue-ecume-hover) !important;
  --active: var(--background-contrast-blue-ecume-active) !important;
}

.fr-background-contrast--blue-cumulus {
  background-color: var(--background-contrast-blue-cumulus) !important;

  --idle: transparent;
  --hover: var(--background-contrast-blue-cumulus-hover) !important;
  --active: var(--background-contrast-blue-cumulus-active) !important;
}

.fr-background-contrast--purple-glycine {
  background-color: var(--background-contrast-purple-glycine) !important;

  --idle: transparent;
  --hover: var(--background-contrast-purple-glycine-hover) !important;
  --active: var(--background-contrast-purple-glycine-active) !important;
}

.fr-background-contrast--pink-macaron {
  background-color: var(--background-contrast-pink-macaron) !important;

  --idle: transparent;
  --hover: var(--background-contrast-pink-macaron-hover) !important;
  --active: var(--background-contrast-pink-macaron-active) !important;
}

.fr-background-contrast--pink-tuile {
  background-color: var(--background-contrast-pink-tuile) !important;

  --idle: transparent;
  --hover: var(--background-contrast-pink-tuile-hover) !important;
  --active: var(--background-contrast-pink-tuile-active) !important;
}

.fr-background-contrast--yellow-tournesol {
  background-color: var(--background-contrast-yellow-tournesol) !important;

  --idle: transparent;
  --hover: var(--background-contrast-yellow-tournesol-hover) !important;
  --active: var(--background-contrast-yellow-tournesol-active) !important;
}

.fr-background-contrast--yellow-moutarde {
  background-color: var(--background-contrast-yellow-moutarde) !important;

  --idle: transparent;
  --hover: var(--background-contrast-yellow-moutarde-hover) !important;
  --active: var(--background-contrast-yellow-moutarde-active) !important;
}

.fr-background-contrast--orange-terre-battue {
  background-color: var(--background-contrast-orange-terre-battue) !important;

  --idle: transparent;
  --hover: var(--background-contrast-orange-terre-battue-hover) !important;
  --active: var(--background-contrast-orange-terre-battue-active) !important;
}

.fr-background-contrast--brown-cafe-creme {
  background-color: var(--background-contrast-brown-cafe-creme) !important;

  --idle: transparent;
  --hover: var(--background-contrast-brown-cafe-creme-hover) !important;
  --active: var(--background-contrast-brown-cafe-creme-active) !important;
}

.fr-background-contrast--brown-caramel {
  background-color: var(--background-contrast-brown-caramel) !important;

  --idle: transparent;
  --hover: var(--background-contrast-brown-caramel-hover) !important;
  --active: var(--background-contrast-brown-caramel-active) !important;
}

.fr-background-contrast--brown-opera {
  background-color: var(--background-contrast-brown-opera) !important;

  --idle: transparent;
  --hover: var(--background-contrast-brown-opera-hover) !important;
  --active: var(--background-contrast-brown-opera-active) !important;
}

.fr-background-contrast--beige-gris-galet {
  background-color: var(--background-contrast-beige-gris-galet) !important;

  --idle: transparent;
  --hover: var(--background-contrast-beige-gris-galet-hover) !important;
  --active: var(--background-contrast-beige-gris-galet-active) !important;
}

.fr-background-contrast--info {
  background-color: var(--background-contrast-info) !important;

  --idle: transparent;
  --hover: var(--background-contrast-info-hover) !important;
  --active: var(--background-contrast-info-active) !important;
}

.fr-background-contrast--success {
  background-color: var(--background-contrast-success) !important;

  --idle: transparent;
  --hover: var(--background-contrast-success-hover) !important;
  --active: var(--background-contrast-success-active) !important;
}

.fr-background-contrast--warning {
  background-color: var(--background-contrast-warning) !important;

  --idle: transparent;
  --hover: var(--background-contrast-warning-hover) !important;
  --active: var(--background-contrast-warning-active) !important;
}

.fr-background-contrast--error {
  background-color: var(--background-contrast-error) !important;

  --idle: transparent;
  --hover: var(--background-contrast-error-hover) !important;
  --active: var(--background-contrast-error-active) !important;
}

.fr-background-flat--grey {
  background-color: var(--background-flat-grey) !important;
}

.fr-background-flat--info {
  background-color: var(--background-flat-info) !important;
}

.fr-background-flat--success {
  background-color: var(--background-flat-success) !important;
}

.fr-background-flat--warning {
  background-color: var(--background-flat-warning) !important;
}

.fr-background-flat--error {
  background-color: var(--background-flat-error) !important;
}

.fr-background-action-high--blue-france {
  background-color: var(--background-action-high-blue-france) !important;

  --idle: transparent;
  --hover: var(--background-action-high-blue-france-hover) !important;
  --active: var(--background-action-high-blue-france-active) !important;
}

.fr-background-action-high--red-marianne {
  background-color: var(--background-action-high-red-marianne) !important;

  --idle: transparent;
  --hover: var(--background-action-high-red-marianne-hover) !important;
  --active: var(--background-action-high-red-marianne-active) !important;
}

.fr-background-action-high--green-tilleul-verveine {
  background-color: var(--background-action-high-green-tilleul-verveine) !important;

  --idle: transparent;
  --hover: var(--background-action-high-green-tilleul-verveine-hover) !important;
  --active: var(--background-action-high-green-tilleul-verveine-active) !important;
}

.fr-background-action-high--green-bourgeon {
  background-color: var(--background-action-high-green-bourgeon) !important;

  --idle: transparent;
  --hover: var(--background-action-high-green-bourgeon-hover) !important;
  --active: var(--background-action-high-green-bourgeon-active) !important;
}

.fr-background-action-high--green-emeraude {
  background-color: var(--background-action-high-green-emeraude) !important;

  --idle: transparent;
  --hover: var(--background-action-high-green-emeraude-hover) !important;
  --active: var(--background-action-high-green-emeraude-active) !important;
}

.fr-background-action-high--green-menthe {
  background-color: var(--background-action-high-green-menthe) !important;

  --idle: transparent;
  --hover: var(--background-action-high-green-menthe-hover) !important;
  --active: var(--background-action-high-green-menthe-active) !important;
}

.fr-background-action-high--green-archipel {
  background-color: var(--background-action-high-green-archipel) !important;

  --idle: transparent;
  --hover: var(--background-action-high-green-archipel-hover) !important;
  --active: var(--background-action-high-green-archipel-active) !important;
}

.fr-background-action-high--blue-ecume {
  background-color: var(--background-action-high-blue-ecume) !important;

  --idle: transparent;
  --hover: var(--background-action-high-blue-ecume-hover) !important;
  --active: var(--background-action-high-blue-ecume-active) !important;
}

.fr-background-action-high--blue-cumulus {
  background-color: var(--background-action-high-blue-cumulus) !important;

  --idle: transparent;
  --hover: var(--background-action-high-blue-cumulus-hover) !important;
  --active: var(--background-action-high-blue-cumulus-active) !important;
}

.fr-background-action-high--purple-glycine {
  background-color: var(--background-action-high-purple-glycine) !important;

  --idle: transparent;
  --hover: var(--background-action-high-purple-glycine-hover) !important;
  --active: var(--background-action-high-purple-glycine-active) !important;
}

.fr-background-action-high--pink-macaron {
  background-color: var(--background-action-high-pink-macaron) !important;

  --idle: transparent;
  --hover: var(--background-action-high-pink-macaron-hover) !important;
  --active: var(--background-action-high-pink-macaron-active) !important;
}

.fr-background-action-high--pink-tuile {
  background-color: var(--background-action-high-pink-tuile) !important;

  --idle: transparent;
  --hover: var(--background-action-high-pink-tuile-hover) !important;
  --active: var(--background-action-high-pink-tuile-active) !important;
}

.fr-background-action-high--yellow-tournesol {
  background-color: var(--background-action-high-yellow-tournesol) !important;

  --idle: transparent;
  --hover: var(--background-action-high-yellow-tournesol-hover) !important;
  --active: var(--background-action-high-yellow-tournesol-active) !important;
}

.fr-background-action-high--yellow-moutarde {
  background-color: var(--background-action-high-yellow-moutarde) !important;

  --idle: transparent;
  --hover: var(--background-action-high-yellow-moutarde-hover) !important;
  --active: var(--background-action-high-yellow-moutarde-active) !important;
}

.fr-background-action-high--orange-terre-battue {
  background-color: var(--background-action-high-orange-terre-battue) !important;

  --idle: transparent;
  --hover: var(--background-action-high-orange-terre-battue-hover) !important;
  --active: var(--background-action-high-orange-terre-battue-active) !important;
}

.fr-background-action-high--brown-cafe-creme {
  background-color: var(--background-action-high-brown-cafe-creme) !important;

  --idle: transparent;
  --hover: var(--background-action-high-brown-cafe-creme-hover) !important;
  --active: var(--background-action-high-brown-cafe-creme-active) !important;
}

.fr-background-action-high--brown-caramel {
  background-color: var(--background-action-high-brown-caramel) !important;

  --idle: transparent;
  --hover: var(--background-action-high-brown-caramel-hover) !important;
  --active: var(--background-action-high-brown-caramel-active) !important;
}

.fr-background-action-high--brown-opera {
  background-color: var(--background-action-high-brown-opera) !important;

  --idle: transparent;
  --hover: var(--background-action-high-brown-opera-hover) !important;
  --active: var(--background-action-high-brown-opera-active) !important;
}

.fr-background-action-high--beige-gris-galet {
  background-color: var(--background-action-high-beige-gris-galet) !important;

  --idle: transparent;
  --hover: var(--background-action-high-beige-gris-galet-hover) !important;
  --active: var(--background-action-high-beige-gris-galet-active) !important;
}

.fr-background-action-high--info {
  background-color: var(--background-action-high-info) !important;

  --idle: transparent;
  --hover: var(--background-action-high-info-hover) !important;
  --active: var(--background-action-high-info-active) !important;
}

.fr-background-action-high--success {
  background-color: var(--background-action-high-success) !important;

  --idle: transparent;
  --hover: var(--background-action-high-success-hover) !important;
  --active: var(--background-action-high-success-active) !important;
}

.fr-background-action-high--warning {
  background-color: var(--background-action-high-warning) !important;

  --idle: transparent;
  --hover: var(--background-action-high-warning-hover) !important;
  --active: var(--background-action-high-warning-active) !important;
}

.fr-background-action-high--error {
  background-color: var(--background-action-high-error) !important;

  --idle: transparent;
  --hover: var(--background-action-high-error-hover) !important;
  --active: var(--background-action-high-error-active) !important;
}

.fr-background-action-low--blue-france {
  background-color: var(--background-action-low-blue-france) !important;

  --idle: transparent;
  --hover: var(--background-action-low-blue-france-hover) !important;
  --active: var(--background-action-low-blue-france-active) !important;
}

.fr-background-action-low--red-marianne {
  background-color: var(--background-action-low-red-marianne) !important;

  --idle: transparent;
  --hover: var(--background-action-low-red-marianne-hover) !important;
  --active: var(--background-action-low-red-marianne-active) !important;
}

.fr-background-action-low--green-tilleul-verveine {
  background-color: var(--background-action-low-green-tilleul-verveine) !important;

  --idle: transparent;
  --hover: var(--background-action-low-green-tilleul-verveine-hover) !important;
  --active: var(--background-action-low-green-tilleul-verveine-active) !important;
}

.fr-background-action-low--green-bourgeon {
  background-color: var(--background-action-low-green-bourgeon) !important;

  --idle: transparent;
  --hover: var(--background-action-low-green-bourgeon-hover) !important;
  --active: var(--background-action-low-green-bourgeon-active) !important;
}

.fr-background-action-low--green-emeraude {
  background-color: var(--background-action-low-green-emeraude) !important;

  --idle: transparent;
  --hover: var(--background-action-low-green-emeraude-hover) !important;
  --active: var(--background-action-low-green-emeraude-active) !important;
}

.fr-background-action-low--green-menthe {
  background-color: var(--background-action-low-green-menthe) !important;

  --idle: transparent;
  --hover: var(--background-action-low-green-menthe-hover) !important;
  --active: var(--background-action-low-green-menthe-active) !important;
}

.fr-background-action-low--green-archipel {
  background-color: var(--background-action-low-green-archipel) !important;

  --idle: transparent;
  --hover: var(--background-action-low-green-archipel-hover) !important;
  --active: var(--background-action-low-green-archipel-active) !important;
}

.fr-background-action-low--blue-ecume {
  background-color: var(--background-action-low-blue-ecume) !important;

  --idle: transparent;
  --hover: var(--background-action-low-blue-ecume-hover) !important;
  --active: var(--background-action-low-blue-ecume-active) !important;
}

.fr-background-action-low--blue-cumulus {
  background-color: var(--background-action-low-blue-cumulus) !important;

  --idle: transparent;
  --hover: var(--background-action-low-blue-cumulus-hover) !important;
  --active: var(--background-action-low-blue-cumulus-active) !important;
}

.fr-background-action-low--purple-glycine {
  background-color: var(--background-action-low-purple-glycine) !important;

  --idle: transparent;
  --hover: var(--background-action-low-purple-glycine-hover) !important;
  --active: var(--background-action-low-purple-glycine-active) !important;
}

.fr-background-action-low--pink-macaron {
  background-color: var(--background-action-low-pink-macaron) !important;

  --idle: transparent;
  --hover: var(--background-action-low-pink-macaron-hover) !important;
  --active: var(--background-action-low-pink-macaron-active) !important;
}

.fr-background-action-low--pink-tuile {
  background-color: var(--background-action-low-pink-tuile) !important;

  --idle: transparent;
  --hover: var(--background-action-low-pink-tuile-hover) !important;
  --active: var(--background-action-low-pink-tuile-active) !important;
}

.fr-background-action-low--yellow-tournesol {
  background-color: var(--background-action-low-yellow-tournesol) !important;

  --idle: transparent;
  --hover: var(--background-action-low-yellow-tournesol-hover) !important;
  --active: var(--background-action-low-yellow-tournesol-active) !important;
}

.fr-background-action-low--yellow-moutarde {
  background-color: var(--background-action-low-yellow-moutarde) !important;

  --idle: transparent;
  --hover: var(--background-action-low-yellow-moutarde-hover) !important;
  --active: var(--background-action-low-yellow-moutarde-active) !important;
}

.fr-background-action-low--orange-terre-battue {
  background-color: var(--background-action-low-orange-terre-battue) !important;

  --idle: transparent;
  --hover: var(--background-action-low-orange-terre-battue-hover) !important;
  --active: var(--background-action-low-orange-terre-battue-active) !important;
}

.fr-background-action-low--brown-cafe-creme {
  background-color: var(--background-action-low-brown-cafe-creme) !important;

  --idle: transparent;
  --hover: var(--background-action-low-brown-cafe-creme-hover) !important;
  --active: var(--background-action-low-brown-cafe-creme-active) !important;
}

.fr-background-action-low--brown-caramel {
  background-color: var(--background-action-low-brown-caramel) !important;

  --idle: transparent;
  --hover: var(--background-action-low-brown-caramel-hover) !important;
  --active: var(--background-action-low-brown-caramel-active) !important;
}

.fr-background-action-low--brown-opera {
  background-color: var(--background-action-low-brown-opera) !important;

  --idle: transparent;
  --hover: var(--background-action-low-brown-opera-hover) !important;
  --active: var(--background-action-low-brown-opera-active) !important;
}

.fr-background-action-low--beige-gris-galet {
  background-color: var(--background-action-low-beige-gris-galet) !important;

  --idle: transparent;
  --hover: var(--background-action-low-beige-gris-galet-hover) !important;
  --active: var(--background-action-low-beige-gris-galet-active) !important;
}

.fr-text-default--grey {
  color: var(--text-default-grey) !important;
}

.fr-text-default--info {
  color: var(--text-default-info) !important;
}

.fr-text-default--success {
  color: var(--text-default-success) !important;
}

.fr-text-default--warning {
  color: var(--text-default-warning) !important;
}

.fr-text-default--error {
  color: var(--text-default-error) !important;
}

.fr-text-title--grey {
  color: var(--text-title-grey) !important;
}

.fr-text-title--blue-france {
  color: var(--text-title-blue-france) !important;
}

.fr-text-title--red-marianne {
  color: var(--text-title-red-marianne) !important;
}

.fr-text-label--grey {
  color: var(--text-label-grey) !important;
}

.fr-text-label--blue-france {
  color: var(--text-label-blue-france) !important;
}

.fr-text-label--red-marianne {
  color: var(--text-label-red-marianne) !important;
}

.fr-text-label--green-tilleul-verveine {
  color: var(--text-label-green-tilleul-verveine) !important;
}

.fr-text-label--green-bourgeon {
  color: var(--text-label-green-bourgeon) !important;
}

.fr-text-label--green-emeraude {
  color: var(--text-label-green-emeraude) !important;
}

.fr-text-label--green-menthe {
  color: var(--text-label-green-menthe) !important;
}

.fr-text-label--green-archipel {
  color: var(--text-label-green-archipel) !important;
}

.fr-text-label--blue-ecume {
  color: var(--text-label-blue-ecume) !important;
}

.fr-text-label--blue-cumulus {
  color: var(--text-label-blue-cumulus) !important;
}

.fr-text-label--purple-glycine {
  color: var(--text-label-purple-glycine) !important;
}

.fr-text-label--pink-macaron {
  color: var(--text-label-pink-macaron) !important;
}

.fr-text-label--pink-tuile {
  color: var(--text-label-pink-tuile) !important;
}

.fr-text-label--yellow-tournesol {
  color: var(--text-label-yellow-tournesol) !important;
}

.fr-text-label--yellow-moutarde {
  color: var(--text-label-yellow-moutarde) !important;
}

.fr-text-label--orange-terre-battue {
  color: var(--text-label-orange-terre-battue) !important;
}

.fr-text-label--brown-cafe-creme {
  color: var(--text-label-brown-cafe-creme) !important;
}

.fr-text-label--brown-caramel {
  color: var(--text-label-brown-caramel) !important;
}

.fr-text-label--brown-opera {
  color: var(--text-label-brown-opera) !important;
}

.fr-text-label--beige-gris-galet {
  color: var(--text-label-beige-gris-galet) !important;
}

.fr-text-mention--grey {
  color: var(--text-mention-grey) !important;
}

.fr-text-inverted--grey {
  color: var(--text-inverted-grey) !important;
}

.fr-text-inverted--blue-france {
  color: var(--text-inverted-blue-france) !important;
}

.fr-text-inverted--red-marianne {
  color: var(--text-inverted-red-marianne) !important;
}

.fr-text-inverted--info {
  color: var(--text-inverted-info) !important;
}

.fr-text-inverted--success {
  color: var(--text-inverted-success) !important;
}

.fr-text-inverted--warning {
  color: var(--text-inverted-warning) !important;
}

.fr-text-inverted--error {
  color: var(--text-inverted-error) !important;
}

.fr-text-inverted--green-tilleul-verveine {
  color: var(--text-inverted-green-tilleul-verveine) !important;
}

.fr-text-inverted--green-bourgeon {
  color: var(--text-inverted-green-bourgeon) !important;
}

.fr-text-inverted--green-emeraude {
  color: var(--text-inverted-green-emeraude) !important;
}

.fr-text-inverted--green-menthe {
  color: var(--text-inverted-green-menthe) !important;
}

.fr-text-inverted--green-archipel {
  color: var(--text-inverted-green-archipel) !important;
}

.fr-text-inverted--blue-ecume {
  color: var(--text-inverted-blue-ecume) !important;
}

.fr-text-inverted--blue-cumulus {
  color: var(--text-inverted-blue-cumulus) !important;
}

.fr-text-inverted--purple-glycine {
  color: var(--text-inverted-purple-glycine) !important;
}

.fr-text-inverted--pink-macaron {
  color: var(--text-inverted-pink-macaron) !important;
}

.fr-text-inverted--pink-tuile {
  color: var(--text-inverted-pink-tuile) !important;
}

.fr-text-inverted--yellow-tournesol {
  color: var(--text-inverted-yellow-tournesol) !important;
}

.fr-text-inverted--yellow-moutarde {
  color: var(--text-inverted-yellow-moutarde) !important;
}

.fr-text-inverted--orange-terre-battue {
  color: var(--text-inverted-orange-terre-battue) !important;
}

.fr-text-inverted--brown-cafe-creme {
  color: var(--text-inverted-brown-cafe-creme) !important;
}

.fr-text-inverted--brown-caramel {
  color: var(--text-inverted-brown-caramel) !important;
}

.fr-text-inverted--brown-opera {
  color: var(--text-inverted-brown-opera) !important;
}

.fr-text-inverted--beige-gris-galet {
  color: var(--text-inverted-beige-gris-galet) !important;
}

.fr-text-action-high--grey {
  color: var(--text-action-high-grey) !important;
}

.fr-text-action-high--blue-france {
  color: var(--text-action-high-blue-france) !important;
}

.fr-text-action-high--red-marianne {
  color: var(--text-action-high-red-marianne) !important;
}

.fr-text-action-high--green-tilleul-verveine {
  color: var(--text-action-high-green-tilleul-verveine) !important;
}

.fr-text-action-high--green-bourgeon {
  color: var(--text-action-high-green-bourgeon) !important;
}

.fr-text-action-high--green-emeraude {
  color: var(--text-action-high-green-emeraude) !important;
}

.fr-text-action-high--green-menthe {
  color: var(--text-action-high-green-menthe) !important;
}

.fr-text-action-high--green-archipel {
  color: var(--text-action-high-green-archipel) !important;
}

.fr-text-action-high--blue-ecume {
  color: var(--text-action-high-blue-ecume) !important;
}

.fr-text-action-high--blue-cumulus {
  color: var(--text-action-high-blue-cumulus) !important;
}

.fr-text-action-high--purple-glycine {
  color: var(--text-action-high-purple-glycine) !important;
}

.fr-text-action-high--pink-macaron {
  color: var(--text-action-high-pink-macaron) !important;
}

.fr-text-action-high--pink-tuile {
  color: var(--text-action-high-pink-tuile) !important;
}

.fr-text-action-high--yellow-tournesol {
  color: var(--text-action-high-yellow-tournesol) !important;
}

.fr-text-action-high--yellow-moutarde {
  color: var(--text-action-high-yellow-moutarde) !important;
}

.fr-text-action-high--orange-terre-battue {
  color: var(--text-action-high-orange-terre-battue) !important;
}

.fr-text-action-high--brown-cafe-creme {
  color: var(--text-action-high-brown-cafe-creme) !important;
}

.fr-text-action-high--brown-caramel {
  color: var(--text-action-high-brown-caramel) !important;
}

.fr-text-action-high--brown-opera {
  color: var(--text-action-high-brown-opera) !important;
}

.fr-text-action-high--beige-gris-galet {
  color: var(--text-action-high-beige-gris-galet) !important;
}

.fr-artwork-major--blue-france {
  fill: var(--artwork-major-blue-france) !important;
}

.fr-artwork-major--red-marianne {
  fill: var(--artwork-major-red-marianne) !important;
}

.fr-artwork-major--green-tilleul-verveine {
  fill: var(--artwork-major-green-tilleul-verveine) !important;
}

.fr-artwork-major--green-bourgeon {
  fill: var(--artwork-major-green-bourgeon) !important;
}

.fr-artwork-major--green-emeraude {
  fill: var(--artwork-major-green-emeraude) !important;
}

.fr-artwork-major--green-menthe {
  fill: var(--artwork-major-green-menthe) !important;
}

.fr-artwork-major--green-archipel {
  fill: var(--artwork-major-green-archipel) !important;
}

.fr-artwork-major--blue-ecume {
  fill: var(--artwork-major-blue-ecume) !important;
}

.fr-artwork-major--blue-cumulus {
  fill: var(--artwork-major-blue-cumulus) !important;
}

.fr-artwork-major--purple-glycine {
  fill: var(--artwork-major-purple-glycine) !important;
}

.fr-artwork-major--pink-macaron {
  fill: var(--artwork-major-pink-macaron) !important;
}

.fr-artwork-major--pink-tuile {
  fill: var(--artwork-major-pink-tuile) !important;
}

.fr-artwork-major--yellow-tournesol {
  fill: var(--artwork-major-yellow-tournesol) !important;
}

.fr-artwork-major--yellow-moutarde {
  fill: var(--artwork-major-yellow-moutarde) !important;
}

.fr-artwork-major--orange-terre-battue {
  fill: var(--artwork-major-orange-terre-battue) !important;
}

.fr-artwork-major--brown-cafe-creme {
  fill: var(--artwork-major-brown-cafe-creme) !important;
}

.fr-artwork-major--brown-caramel {
  fill: var(--artwork-major-brown-caramel) !important;
}

.fr-artwork-major--brown-opera {
  fill: var(--artwork-major-brown-opera) !important;
}

.fr-artwork-major--beige-gris-galet {
  fill: var(--artwork-major-beige-gris-galet) !important;
}

.fr-artwork-minor--blue-france {
  fill: var(--artwork-minor-blue-france) !important;
}

.fr-artwork-minor--red-marianne {
  fill: var(--artwork-minor-red-marianne) !important;
}

.fr-artwork-minor--green-tilleul-verveine {
  fill: var(--artwork-minor-green-tilleul-verveine) !important;
}

.fr-artwork-minor--green-bourgeon {
  fill: var(--artwork-minor-green-bourgeon) !important;
}

.fr-artwork-minor--green-emeraude {
  fill: var(--artwork-minor-green-emeraude) !important;
}

.fr-artwork-minor--green-menthe {
  fill: var(--artwork-minor-green-menthe) !important;
}

.fr-artwork-minor--green-archipel {
  fill: var(--artwork-minor-green-archipel) !important;
}

.fr-artwork-minor--blue-ecume {
  fill: var(--artwork-minor-blue-ecume) !important;
}

.fr-artwork-minor--blue-cumulus {
  fill: var(--artwork-minor-blue-cumulus) !important;
}

.fr-artwork-minor--purple-glycine {
  fill: var(--artwork-minor-purple-glycine) !important;
}

.fr-artwork-minor--pink-macaron {
  fill: var(--artwork-minor-pink-macaron) !important;
}

.fr-artwork-minor--pink-tuile {
  fill: var(--artwork-minor-pink-tuile) !important;
}

.fr-artwork-minor--yellow-tournesol {
  fill: var(--artwork-minor-yellow-tournesol) !important;
}

.fr-artwork-minor--yellow-moutarde {
  fill: var(--artwork-minor-yellow-moutarde) !important;
}

.fr-artwork-minor--orange-terre-battue {
  fill: var(--artwork-minor-orange-terre-battue) !important;
}

.fr-artwork-minor--brown-cafe-creme {
  fill: var(--artwork-minor-brown-cafe-creme) !important;
}

.fr-artwork-minor--brown-caramel {
  fill: var(--artwork-minor-brown-caramel) !important;
}

.fr-artwork-minor--brown-opera {
  fill: var(--artwork-minor-brown-opera) !important;
}

.fr-artwork-minor--beige-gris-galet {
  fill: var(--artwork-minor-beige-gris-galet) !important;
}

.fr-artwork-decorative--blue-france {
  fill: var(--artwork-decorative-blue-france) !important;
}

.fr-artwork-decorative--red-marianne {
  fill: var(--artwork-decorative-red-marianne) !important;
}

.fr-artwork-background--grey {
  fill: var(--artwork-background-grey) !important;
}

.fr-artwork-motif--grey {
  fill: var(--artwork-motif-grey) !important;
}

/* ¯¯¯¯¯¯¯¯¯ *\
  ICON BUILDINGS
\* ˍˍˍˍˍˍˍˍˍ */
.fr-icon-ancient-gate-fill::before,
.fr-icon-ancient-gate-fill::after {
  -webkit-mask-image: url("../icons/buildings/ancient-gate-fill.svg");
  mask-image: url("../icons/buildings/ancient-gate-fill.svg");
}

.fr-icon-ancient-gate-line::before,
.fr-icon-ancient-gate-line::after {
  -webkit-mask-image: url("../icons/buildings/ancient-gate-line.svg");
  mask-image: url("../icons/buildings/ancient-gate-line.svg");
}

.fr-icon-ancient-pavilion-fill::before,
.fr-icon-ancient-pavilion-fill::after {
  -webkit-mask-image: url("../icons/buildings/ancient-pavilion-fill.svg");
  mask-image: url("../icons/buildings/ancient-pavilion-fill.svg");
}

.fr-icon-ancient-pavilion-line::before,
.fr-icon-ancient-pavilion-line::after {
  -webkit-mask-image: url("../icons/buildings/ancient-pavilion-line.svg");
  mask-image: url("../icons/buildings/ancient-pavilion-line.svg");
}

.fr-icon-bank-fill::before,
.fr-icon-bank-fill::after {
  -webkit-mask-image: url("../icons/buildings/bank-fill.svg");
  mask-image: url("../icons/buildings/bank-fill.svg");
}

.fr-icon-bank-line::before,
.fr-icon-bank-line::after {
  -webkit-mask-image: url("../icons/buildings/bank-line.svg");
  mask-image: url("../icons/buildings/bank-line.svg");
}

.fr-icon-building-fill::before,
.fr-icon-building-fill::after {
  -webkit-mask-image: url("../icons/buildings/building-fill.svg");
  mask-image: url("../icons/buildings/building-fill.svg");
}

.fr-icon-building-line::before,
.fr-icon-building-line::after {
  -webkit-mask-image: url("../icons/buildings/building-line.svg");
  mask-image: url("../icons/buildings/building-line.svg");
}

.fr-icon-community-fill::before,
.fr-icon-community-fill::after {
  -webkit-mask-image: url("../icons/buildings/community-fill.svg");
  mask-image: url("../icons/buildings/community-fill.svg");
}

.fr-icon-community-line::before,
.fr-icon-community-line::after {
  -webkit-mask-image: url("../icons/buildings/community-line.svg");
  mask-image: url("../icons/buildings/community-line.svg");
}

.fr-icon-government-fill::before,
.fr-icon-government-fill::after {
  -webkit-mask-image: url("../icons/buildings/government-fill.svg");
  mask-image: url("../icons/buildings/government-fill.svg");
}

.fr-icon-government-line::before,
.fr-icon-government-line::after {
  -webkit-mask-image: url("../icons/buildings/government-line.svg");
  mask-image: url("../icons/buildings/government-line.svg");
}

.fr-icon-home-4-fill::before,
.fr-icon-home-4-fill::after {
  -webkit-mask-image: url("../icons/buildings/home-4-fill.svg");
  mask-image: url("../icons/buildings/home-4-fill.svg");
}

.fr-icon-home-4-line::before,
.fr-icon-home-4-line::after {
  -webkit-mask-image: url("../icons/buildings/home-4-line.svg");
  mask-image: url("../icons/buildings/home-4-line.svg");
}

.fr-icon-hospital-fill::before,
.fr-icon-hospital-fill::after {
  -webkit-mask-image: url("../icons/buildings/hospital-fill.svg");
  mask-image: url("../icons/buildings/hospital-fill.svg");
}

.fr-icon-hospital-line::before,
.fr-icon-hospital-line::after {
  -webkit-mask-image: url("../icons/buildings/hospital-line.svg");
  mask-image: url("../icons/buildings/hospital-line.svg");
}

.fr-icon-hotel-fill::before,
.fr-icon-hotel-fill::after {
  -webkit-mask-image: url("../icons/buildings/hotel-fill.svg");
  mask-image: url("../icons/buildings/hotel-fill.svg");
}

.fr-icon-hotel-line::before,
.fr-icon-hotel-line::after {
  -webkit-mask-image: url("../icons/buildings/hotel-line.svg");
  mask-image: url("../icons/buildings/hotel-line.svg");
}

.fr-icon-store-fill::before,
.fr-icon-store-fill::after {
  -webkit-mask-image: url("../icons/buildings/store-fill.svg");
  mask-image: url("../icons/buildings/store-fill.svg");
}

.fr-icon-store-line::before,
.fr-icon-store-line::after {
  -webkit-mask-image: url("../icons/buildings/store-line.svg");
  mask-image: url("../icons/buildings/store-line.svg");
}

.fr-fi-home-4-fill::before,
.fr-fi-home-4-fill::after {
  -webkit-mask-image: url("../icons/buildings/home-4-fill.svg");
  mask-image: url("../icons/buildings/home-4-fill.svg");
}

.fr-fi-home-4-line::before,
.fr-fi-home-4-line::after {
  -webkit-mask-image: url("../icons/buildings/home-4-line.svg");
  mask-image: url("../icons/buildings/home-4-line.svg");
}

/* ¯¯¯¯¯¯¯¯¯ *\
  ICON BUSINESS
\* ˍˍˍˍˍˍˍˍˍ */
.fr-icon-archive-fill::before,
.fr-icon-archive-fill::after {
  -webkit-mask-image: url("../icons/business/archive-fill.svg");
  mask-image: url("../icons/business/archive-fill.svg");
}

.fr-icon-archive-line::before,
.fr-icon-archive-line::after {
  -webkit-mask-image: url("../icons/business/archive-line.svg");
  mask-image: url("../icons/business/archive-line.svg");
}

.fr-icon-attachment-fill::before,
.fr-icon-attachment-fill::after {
  -webkit-mask-image: url("../icons/business/attachment-fill.svg");
  mask-image: url("../icons/business/attachment-fill.svg");
}

.fr-icon-attachment-line::before,
.fr-icon-attachment-line::after {
  -webkit-mask-image: url("../icons/business/attachment-line.svg");
  mask-image: url("../icons/business/attachment-line.svg");
}

.fr-icon-award-fill::before,
.fr-icon-award-fill::after {
  -webkit-mask-image: url("../icons/business/award-fill.svg");
  mask-image: url("../icons/business/award-fill.svg");
}

.fr-icon-award-line::before,
.fr-icon-award-line::after {
  -webkit-mask-image: url("../icons/business/award-line.svg");
  mask-image: url("../icons/business/award-line.svg");
}

.fr-icon-bar-chart-box-fill::before,
.fr-icon-bar-chart-box-fill::after {
  -webkit-mask-image: url("../icons/business/bar-chart-box-fill.svg");
  mask-image: url("../icons/business/bar-chart-box-fill.svg");
}

.fr-icon-bar-chart-box-line::before,
.fr-icon-bar-chart-box-line::after {
  -webkit-mask-image: url("../icons/business/bar-chart-box-line.svg");
  mask-image: url("../icons/business/bar-chart-box-line.svg");
}

.fr-icon-bookmark-fill::before,
.fr-icon-bookmark-fill::after {
  -webkit-mask-image: url("../icons/business/bookmark-fill.svg");
  mask-image: url("../icons/business/bookmark-fill.svg");
}

.fr-icon-bookmark-line::before,
.fr-icon-bookmark-line::after {
  -webkit-mask-image: url("../icons/business/bookmark-line.svg");
  mask-image: url("../icons/business/bookmark-line.svg");
}

.fr-icon-briefcase-fill::before,
.fr-icon-briefcase-fill::after {
  -webkit-mask-image: url("../icons/business/briefcase-fill.svg");
  mask-image: url("../icons/business/briefcase-fill.svg");
}

.fr-icon-briefcase-line::before,
.fr-icon-briefcase-line::after {
  -webkit-mask-image: url("../icons/business/briefcase-line.svg");
  mask-image: url("../icons/business/briefcase-line.svg");
}

.fr-icon-calendar-2-fill::before,
.fr-icon-calendar-2-fill::after {
  -webkit-mask-image: url("../icons/business/calendar-2-fill.svg");
  mask-image: url("../icons/business/calendar-2-fill.svg");
}

.fr-icon-calendar-2-line::before,
.fr-icon-calendar-2-line::after {
  -webkit-mask-image: url("../icons/business/calendar-2-line.svg");
  mask-image: url("../icons/business/calendar-2-line.svg");
}

.fr-icon-calendar-event-fill::before,
.fr-icon-calendar-event-fill::after {
  -webkit-mask-image: url("../icons/business/calendar-event-fill.svg");
  mask-image: url("../icons/business/calendar-event-fill.svg");
}

.fr-icon-calendar-event-line::before,
.fr-icon-calendar-event-line::after {
  -webkit-mask-image: url("../icons/business/calendar-event-line.svg");
  mask-image: url("../icons/business/calendar-event-line.svg");
}

.fr-icon-calendar-fill::before,
.fr-icon-calendar-fill::after {
  -webkit-mask-image: url("../icons/business/calendar-fill.svg");
  mask-image: url("../icons/business/calendar-fill.svg");
}

.fr-icon-calendar-line::before,
.fr-icon-calendar-line::after {
  -webkit-mask-image: url("../icons/business/calendar-line.svg");
  mask-image: url("../icons/business/calendar-line.svg");
}

.fr-icon-cloud-fill::before,
.fr-icon-cloud-fill::after {
  -webkit-mask-image: url("../icons/business/cloud-fill.svg");
  mask-image: url("../icons/business/cloud-fill.svg");
}

.fr-icon-cloud-line::before,
.fr-icon-cloud-line::after {
  -webkit-mask-image: url("../icons/business/cloud-line.svg");
  mask-image: url("../icons/business/cloud-line.svg");
}

.fr-icon-copyright-fill::before,
.fr-icon-copyright-fill::after {
  -webkit-mask-image: url("../icons/business/copyright-fill.svg");
  mask-image: url("../icons/business/copyright-fill.svg");
}

.fr-icon-copyright-line::before,
.fr-icon-copyright-line::after {
  -webkit-mask-image: url("../icons/business/copyright-line.svg");
  mask-image: url("../icons/business/copyright-line.svg");
}

.fr-icon-customer-service-fill::before,
.fr-icon-customer-service-fill::after {
  -webkit-mask-image: url("../icons/business/customer-service-fill.svg");
  mask-image: url("../icons/business/customer-service-fill.svg");
}

.fr-icon-customer-service-line::before,
.fr-icon-customer-service-line::after {
  -webkit-mask-image: url("../icons/business/customer-service-line.svg");
  mask-image: url("../icons/business/customer-service-line.svg");
}

.fr-icon-flag-fill::before,
.fr-icon-flag-fill::after {
  -webkit-mask-image: url("../icons/business/flag-fill.svg");
  mask-image: url("../icons/business/flag-fill.svg");
}

.fr-icon-flag-line::before,
.fr-icon-flag-line::after {
  -webkit-mask-image: url("../icons/business/flag-line.svg");
  mask-image: url("../icons/business/flag-line.svg");
}

.fr-icon-global-fill::before,
.fr-icon-global-fill::after {
  -webkit-mask-image: url("../icons/business/global-fill.svg");
  mask-image: url("../icons/business/global-fill.svg");
}

.fr-icon-global-line::before,
.fr-icon-global-line::after {
  -webkit-mask-image: url("../icons/business/global-line.svg");
  mask-image: url("../icons/business/global-line.svg");
}

.fr-icon-line-chart-fill::before,
.fr-icon-line-chart-fill::after {
  -webkit-mask-image: url("../icons/business/line-chart-fill.svg");
  mask-image: url("../icons/business/line-chart-fill.svg");
}

.fr-icon-line-chart-line::before,
.fr-icon-line-chart-line::after {
  -webkit-mask-image: url("../icons/business/line-chart-line.svg");
  mask-image: url("../icons/business/line-chart-line.svg");
}

.fr-icon-links-fill::before,
.fr-icon-links-fill::after {
  -webkit-mask-image: url("../icons/business/links-fill.svg");
  mask-image: url("../icons/business/links-fill.svg");
}

.fr-icon-links-line::before,
.fr-icon-links-line::after {
  -webkit-mask-image: url("../icons/business/links-line.svg");
  mask-image: url("../icons/business/links-line.svg");
}

.fr-icon-mail-fill::before,
.fr-icon-mail-fill::after {
  -webkit-mask-image: url("../icons/business/mail-fill.svg");
  mask-image: url("../icons/business/mail-fill.svg");
}

.fr-icon-mail-line::before,
.fr-icon-mail-line::after {
  -webkit-mask-image: url("../icons/business/mail-line.svg");
  mask-image: url("../icons/business/mail-line.svg");
}

.fr-icon-mail-open-fill::before,
.fr-icon-mail-open-fill::after {
  -webkit-mask-image: url("../icons/business/mail-open-fill.svg");
  mask-image: url("../icons/business/mail-open-fill.svg");
}

.fr-icon-mail-open-line::before,
.fr-icon-mail-open-line::after {
  -webkit-mask-image: url("../icons/business/mail-open-line.svg");
  mask-image: url("../icons/business/mail-open-line.svg");
}

.fr-icon-medal-fill::before,
.fr-icon-medal-fill::after {
  -webkit-mask-image: url("../icons/business/medal-fill.svg");
  mask-image: url("../icons/business/medal-fill.svg");
}

.fr-icon-medal-line::before,
.fr-icon-medal-line::after {
  -webkit-mask-image: url("../icons/business/medal-line.svg");
  mask-image: url("../icons/business/medal-line.svg");
}

.fr-icon-pie-chart-2-fill::before,
.fr-icon-pie-chart-2-fill::after {
  -webkit-mask-image: url("../icons/business/pie-chart-2-fill.svg");
  mask-image: url("../icons/business/pie-chart-2-fill.svg");
}

.fr-icon-pie-chart-2-line::before,
.fr-icon-pie-chart-2-line::after {
  -webkit-mask-image: url("../icons/business/pie-chart-2-line.svg");
  mask-image: url("../icons/business/pie-chart-2-line.svg");
}

.fr-icon-pie-chart-box-fill::before,
.fr-icon-pie-chart-box-fill::after {
  -webkit-mask-image: url("../icons/business/pie-chart-box-fill.svg");
  mask-image: url("../icons/business/pie-chart-box-fill.svg");
}

.fr-icon-pie-chart-box-line::before,
.fr-icon-pie-chart-box-line::after {
  -webkit-mask-image: url("../icons/business/pie-chart-box-line.svg");
  mask-image: url("../icons/business/pie-chart-box-line.svg");
}

.fr-icon-printer-fill::before,
.fr-icon-printer-fill::after {
  -webkit-mask-image: url("../icons/business/printer-fill.svg");
  mask-image: url("../icons/business/printer-fill.svg");
}

.fr-icon-printer-line::before,
.fr-icon-printer-line::after {
  -webkit-mask-image: url("../icons/business/printer-line.svg");
  mask-image: url("../icons/business/printer-line.svg");
}

.fr-icon-profil-fill::before,
.fr-icon-profil-fill::after {
  -webkit-mask-image: url("../icons/business/profil-fill.svg");
  mask-image: url("../icons/business/profil-fill.svg");
}

.fr-icon-profil-line::before,
.fr-icon-profil-line::after {
  -webkit-mask-image: url("../icons/business/profil-line.svg");
  mask-image: url("../icons/business/profil-line.svg");
}

.fr-icon-projector-2-fill::before,
.fr-icon-projector-2-fill::after {
  -webkit-mask-image: url("../icons/business/projector-2-fill.svg");
  mask-image: url("../icons/business/projector-2-fill.svg");
}

.fr-icon-projector-2-line::before,
.fr-icon-projector-2-line::after {
  -webkit-mask-image: url("../icons/business/projector-2-line.svg");
  mask-image: url("../icons/business/projector-2-line.svg");
}

.fr-icon-send-plane-fill::before,
.fr-icon-send-plane-fill::after {
  -webkit-mask-image: url("../icons/business/send-plane-fill.svg");
  mask-image: url("../icons/business/send-plane-fill.svg");
}

.fr-icon-send-plane-line::before,
.fr-icon-send-plane-line::after {
  -webkit-mask-image: url("../icons/business/send-plane-line.svg");
  mask-image: url("../icons/business/send-plane-line.svg");
}

.fr-icon-slideshow-fill::before,
.fr-icon-slideshow-fill::after {
  -webkit-mask-image: url("../icons/business/slideshow-fill.svg");
  mask-image: url(".