@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("../fonts/Nunito-VariableFont_wght.woff2") format("woff2"), url("../fonts/Nunito-VariableFont_wght.ttf") format("truetype");
}
.loader {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--fond-loader);
  z-index: 9999;
  color: var(--logo-trait);
}
.loader .logo {
  position: relative;
  width: clamp(120px, 45vw, 300px);
  overflow: visible;
}
.loader .courbe-svg {
  display: block;
  width: 100%;
  height: auto;
  overflow: visible;
}
.loader .courbe-path {
  animation: apparition-courbe 0.8s ease forwards;
}
.loader .point {
  fill: var(--logo-points);
  opacity: 0;
  animation: apparition-point 0.3s ease 0.2s forwards;
}
.loader .barre {
  position: absolute;
  top: 90%;
  left: 14%;
  width: 73%;
}
.loader .logos {
  position: absolute;
  top: 102%;
  left: 14%;
  width: 73%;
}
.loader img,
.loader .logos svg {
  display: block;
  width: 100%;
  height: auto;
}