.block-objectifs {
  container-type: inline-size;
  container-name: objectifs;
  padding-block: var(--size-40) var(--size-24);
}
.block-objectifs .objectifs-banner {
  max-width: 640px;
  margin: 0 auto var(--size-32);
  border-radius: var(--border-radius-large);
  padding: var(--size-20) var(--size-32);
  text-align: center;
  background: var(--ms-color-bleu-f-muted-10);
  box-shadow: var(--ms-box-shadow-inset);
}
.block-objectifs .objectifs-banner.is-bottom {
  margin: var(--size-32) auto 0;
}
.block-objectifs .objectifs-banner p {
  margin: 0;
  font-weight: var(--font-weight-bold);
  font-size: var(--size-16);
  line-height: 1.5;
  color: var(--ms-color-bleu-f);
}
.block-objectifs .objectifs-grid {
  display: grid;
  grid-template-columns: auto 1fr auto 1fr auto;
  grid-template-rows: repeat(2, auto);
  grid-template-areas: "labelLeft card1 hub card2 labelRight" "labelLeft card3 hub card4 labelRight";
  -moz-column-gap: var(--size-24);
       column-gap: var(--size-24);
  row-gap: var(--size-16);
  align-items: stretch;
}
@container objectifs (width < 620px) {
  .block-objectifs .objectifs-grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-template-areas: "labelLeft" "card1" "card3" "hub" "labelRight" "card2" "card4";
    row-gap: var(--size-16);
  }
}
.block-objectifs .objectifs-label {
  grid-area: labelLeft;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: var(--font-weight-bold);
  font-size: var(--size-12);
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: var(--ms-color-bleu);
  max-width: 120px;
  margin-inline: auto;
}
.block-objectifs .objectifs-label.is-right {
  grid-area: labelRight;
}
@container objectifs (width < 620px) {
  .block-objectifs .objectifs-label {
    max-width: none;
    padding-block: var(--size-8);
  }
}
.block-objectifs .objectifs-hub {
  position: relative;
  grid-area: hub;
  align-self: center;
  justify-self: center;
  width: 200px;
  height: 200px;
  min-width: 200px;
  border-radius: 50%;
  background: var(--ms-color-bleu-f);
  box-shadow: 0 var(--size-14) var(--size-32) 0 oklch(29.28% 0.077 263.31deg / 0.3);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: var(--size-18);
  gap: var(--size-6);
}
@container objectifs (width < 620px) {
  .block-objectifs .objectifs-hub {
    margin-block: var(--size-8);
  }
}
.block-objectifs .objectifs-hub-number {
  width: 48px;
  height: 48px;
  min-width: 48px;
  border-radius: 50%;
  background: var(--ms-color-bleu-c-a);
  color: var(--ms-color-blanc);
  font-size: var(--size-24);
  font-weight: var(--font-weight-extrabold);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--size-4);
  box-shadow: 0 0 0 3px var(--ms-color-blanc);
}
.block-objectifs .objectifs-hub-title {
  color: var(--ms-color-blanc);
  font-weight: var(--font-weight-extrabold);
  font-size: var(--size-14);
  line-height: 1.3;
  letter-spacing: 0.3px;
}
.block-objectifs .objectifs-hub-subtitle {
  color: oklch(100% 0 0deg / 0.65);
  font-weight: var(--font-weight-medium);
  font-size: var(--size-12);
  font-style: italic;
}
.block-objectifs .objectifs-card {
  background: var(--ms-color-blanc);
  border-radius: var(--border-radius-large);
  box-shadow: var(--ms-box-shadow-inset);
  padding: var(--size-16);
  display: flex;
  flex-direction: column;
  gap: var(--size-8);
  border: 1.5px solid transparent;
}
.block-objectifs .objectifs-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.block-objectifs .objectifs-card-icon {
  width: 34px;
  height: 34px;
  min-width: 34px;
  border-radius: var(--border-radius-medium);
  display: flex;
  align-items: center;
  justify-content: center;
}
.block-objectifs .objectifs-card-icon svg {
  width: 18px;
  height: 18px;
}
.block-objectifs .objectifs-card-number {
  width: 48px;
  height: 48px;
  min-width: 26px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--ms-color-blanc);
  font-size: var(--size-24);
  font-weight: var(--font-weight-extrabold);
}
.block-objectifs .objectifs-card-title {
  margin: 0;
  font-weight: var(--font-weight-bold);
  font-size: var(--size-14);
  line-height: 1.35;
  color: var(--ms-color-bleu-f);
}
.block-objectifs .objectifs-card.is-navy {
  border-color: oklch(29.28% 0.077 263.31deg / 0.18);
}
.block-objectifs .objectifs-card.is-navy .objectifs-card-icon {
  background: var(--ms-color-bleu-f-muted-10);
  color: var(--ms-color-bleu-f);
}
.block-objectifs .objectifs-card.is-navy .objectifs-card-number {
  background: var(--ms-color-bleu-f);
}
.block-objectifs .objectifs-card.is-magenta {
  border-color: oklch(48.82% 0.2137 331.79deg / 0.18);
}
.block-objectifs .objectifs-card.is-magenta .objectifs-card-icon {
  background: var(--ms-color-magenta-muted-10);
  color: var(--ms-color-magenta);
}
.block-objectifs .objectifs-card.is-magenta .objectifs-card-number {
  background: var(--ms-color-magenta);
}
.block-objectifs .objectifs-card.is-green {
  border-color: oklch(65.31% 0.1709 151.11deg / 0.22);
}
.block-objectifs .objectifs-card.is-green .objectifs-card-icon {
  background: var(--ms-color-vert-muted-10);
  color: var(--ms-color-vert);
}
.block-objectifs .objectifs-card.is-green .objectifs-card-number {
  background: var(--ms-color-vert);
}
.block-objectifs .objectifs-card.is-orange {
  border-color: oklch(52.35% 0.1525 35.67deg / 0.2);
}
.block-objectifs .objectifs-card.is-orange .objectifs-card-icon {
  background: var(--ms-color-orange-muted-10);
  color: var(--ms-color-orange-a);
}
.block-objectifs .objectifs-card.is-orange .objectifs-card-number {
  background: var(--ms-color-orange-a);
}/*# sourceMappingURL=block-objectifs.css.map */