/* ANIMATION DU COUVERCLE VERS OUVERTURE */

@keyframes to_open_couvercle {
  30% {
    transform: rotateZ(0deg) translateX(0%);
  }

  100% {
    transform: rotateZ(-130deg) translateX(-20%);
  }
}
/* ANIMATION DU COUVERCLE VERS FERMETURE */

@keyframes to_close_couvercle {
  0% {
    transform: rotateZ(-130deg) translateX(-20%);
  }

  100% {
    transform: rotateZ(0deg) translateX(0%);
  }
}

/* ANIMATION DE LA BASE VERS OUVERTURE */

@keyframes to_open_base {
  0% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(40%);
  }
}
/* ANIMATION DE LA BASE VERS FERMETURE */

@keyframes to_close_base {
  0% {
    transform: translateY(40%);
  }
  50% {
    transform: translateY(40%);
  }

  100% {
    transform: translateY(0%);
  }
}

@keyframes shadowIn {
  0% {
    filter: brightness(110%);
  }
  100% {
    filter: brightness(100%);
  }
}
@keyframes shadowOut {
  0% {
    filter: brightness(100%);
  }
  100% {
    filter: brightness(110%);
  }
}

/* LEVITATE */

:root{
  --max-levitate: 2vh;
  --max-rotate: 3deg;
  --min-levitate: -2vh;
  --min-rotate: -3deg;
}

@keyframes boite-anim-levitate {
  0% {
    transform: translateY(var(--min-levitate));
  }
  50% {
    transform: translateY(var(--max-levitate));
  }
  100% {
    transform: translateY(var(--min-levitate));
  }
}
@keyframes boite-anim-rotate {
  0% {
    transform: rotateY(var(--min-rotate));
  }
  50% {
    transform: rotateY(var(--max-rotate));
  }
  100% {
    transform: rotateY(var(--min-rotate));
  }
}