/* Text utility */
/* Mobile utility */
/* link hover utility */
/* Container utility mixin */
/* Container avec variable CSS */
/* Text content styles */
/* Centered content */
/* from... */
/* to... */
/* from... to... */
/* at... */
.c-pictogramme {
  --pictogramme-bg: var(--wp--preset--color--bleu-saphyr);
  --pictogramme-color: var(--wp--preset--color--bleu-gris);
  display: flex;
  width: 100%;
}
.c-pictogramme--align-left {
  justify-content: flex-start;
}
.c-pictogramme--align-center {
  justify-content: center;
}
.c-pictogramme--align-right {
  justify-content: flex-end;
}
.c-pictogramme--bg-bleu-saphyr {
  --pictogramme-bg: var(--wp--preset--color--bleu-saphyr);
}
.c-pictogramme--color-bleu-saphyr {
  --pictogramme-color: var(--wp--preset--color--bleu-saphyr);
}
.c-pictogramme--bg-terra-cotta {
  --pictogramme-bg: var(--wp--preset--color--terra-cotta);
}
.c-pictogramme--color-terra-cotta {
  --pictogramme-color: var(--wp--preset--color--terra-cotta);
}
.c-pictogramme--bg-baby-powder {
  --pictogramme-bg: var(--wp--preset--color--baby-powder);
}
.c-pictogramme--color-baby-powder {
  --pictogramme-color: var(--wp--preset--color--baby-powder);
}
.c-pictogramme--bg-ivory {
  --pictogramme-bg: var(--wp--preset--color--ivory);
}
.c-pictogramme--color-ivory {
  --pictogramme-color: var(--wp--preset--color--ivory);
}
.c-pictogramme--bg-turquoise {
  --pictogramme-bg: var(--wp--preset--color--turquoise);
}
.c-pictogramme--color-turquoise {
  --pictogramme-color: var(--wp--preset--color--turquoise);
}
.c-pictogramme--bg-jaune-bac {
  --pictogramme-bg: var(--wp--preset--color--jaune-bac);
}
.c-pictogramme--color-jaune-bac {
  --pictogramme-color: var(--wp--preset--color--jaune-bac);
}
.c-pictogramme--bg-bleu-gris {
  --pictogramme-bg: var(--wp--preset--color--bleu-gris);
}
.c-pictogramme--color-bleu-gris {
  --pictogramme-color: var(--wp--preset--color--bleu-gris);
}
.c-pictogramme--bg-bleu-ciel {
  --pictogramme-bg: var(--wp--preset--color--bleu-ciel);
}
.c-pictogramme--color-bleu-ciel {
  --pictogramme-color: var(--wp--preset--color--bleu-ciel);
}
.c-pictogramme--bg-orange-clair {
  --pictogramme-bg: var(--wp--preset--color--orange-clair);
}
.c-pictogramme--color-orange-clair {
  --pictogramme-color: var(--wp--preset--color--orange-clair);
}
.c-pictogramme--bg-blanc {
  --pictogramme-bg: var(--wp--preset--color--blanc);
}
.c-pictogramme--color-blanc {
  --pictogramme-color: var(--wp--preset--color--blanc);
}
.c-pictogramme--bg-black {
  --pictogramme-bg: var(--wp--preset--color--black);
}
.c-pictogramme--color-black {
  --pictogramme-color: var(--wp--preset--color--black);
}
.c-pictogramme__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 3rem;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background-color: var(--pictogramme-bg);
}
.c-pictogramme__icon {
  display: block;
  flex: 0 0 1.5625rem;
  width: 1.5625rem;
  height: 1.5625rem;
  background-color: var(--pictogramme-color);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}
.c-pictogramme__icon--placeholder {
  background-color: color-mix(in srgb, var(--pictogramme-color) 35%, transparent);
  border-radius: 0.125rem;
  mask-image: none;
  -webkit-mask-image: none;
}