.arianeWire {
  width: fit-content;
}
.arianeWire__racine {
  align-items: center;
  color: var(--white);
  display: flex;
  font-family: var(--ffMXBo);
  font-size: var(--fsCorps);
  margin-left: 2.5rem;
  position: relative;
  text-transform: uppercase;
}
.arianeWire--next .arianeWire__racine {
  font-family: var(--ffMBo);
}
.arianeWire__racine--dark {
  color: var(--mColor);
}
.arianeWire__racine:not(.arianeWire--next > .arianeWire__racine)::before {
  aspect-ratio: 26/14;
  background-image: url(../../img/icons/arrowWhite.svg);
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: auto;
  left: -2.5rem;
  position: absolute;
  rotate: 180deg;
  width: 1.625rem;
}
.arianeWire:has(+ .player)
  .arianeWire__racine:not(.arianeWire--next > .arianeWire__racine)::before {
  background-image: url(../../img/icons/arrowReversed.svg);
  rotate: 0deg;
}
.arianeWire__racine--dark::before {
  background-image: url(../../img/icons/arrowReversed.svg);
  rotate: 0deg;
}
.arianeWire:has(~ .next) {
  margin-top: -5.75rem;
  position: absolute;
  z-index: 3;
}
.arianeWire:has(~ .player) {
  margin-top: 1.5rem;
}
.arianeWire--next {
  margin-left: 0;
  position: absolute;
  top: 1.5rem;
  width: 100%;
  display: flex;
  justify-content: end;
}
.arianeWire--next .arianeWire__racine {
  margin-left: 0;
  font-size: 5vw;
}

@media (min-width: 767.98px) {
  .arianeWire--next {
    top: -10%;
  }
}

@media (min-width: 991.98px) {
  .arianeWire:has(~ .player) {
    margin-top: 2rem;
  }
  .arianeWire:has(~ .next) {
    margin-top: 0;
    position: absolute;
    z-index: 11;
    display: block;
    top: 2vw;
  }
  .arianeWire--next {
    top: 5%;
  }
  .arianeWire--next .arianeWire__racine {
    margin-left: 0;
    right: -3vw;
    font-size: 3.5vw;
    top: -5vw;
  }
}

@media (min-width: 1199.98px) {
  .arianeWire:has(~ .next) {
    margin-top: 0.75rem;
  }
  .arianeWire:has(~ .player) {
    margin-top: 2rem;
    margin-left: -0.65rem;
  }
}

@media (min-width: 1399.98px) {
  .arianeWire:has(~ .next) {
    margin-top: 1rem;
  }
  .arianeWire:has(~ .player) {
    margin-left: -0.5rem;
  }
  .arianeWire--next {
    top: 5dvh;
  }
  .arianeWire--next .arianeWire__racine {
    font-size: 3vw;
    right: -6vw;
  }
}

@media (min-width: 1599.98px) {
  .arianeWire:has(~ .next) .arianeWire__racine {
    margin-left: 8vw;
  }
  .arianeWire:has(~ .next) {
    margin-top: 4rem;
    margin-left: -0.5vw;
  }
  .arianeWire--next {
    left: 5vw;
  }
  .arianeWire--next .arianeWire__racine {
    font-size: 3vw;
    right: -2vw;
  }
}

@media (min-width: 1799.98px) {
  .arianeWire:has(~ .next) {
    margin-top: 3.5rem;
    margin-left: -0.75vw;
  }
  .arianeWire:has(~ .player) {
    margin-left: -5.5vw;
    margin-top: 2.5rem;
  }
  .arianeWire--next .arianeWire__racine {
    font-size: 2.5vw;
    right: -2vw;
    top: -3.5vw;
  }
}

@media (min-width: 1919.98px) {
  .arianeWire:has(~ .next) .arianeWire__racine {
    margin-left: 1.5vw;
  }
  .arianeWire:has(~ .next) {
    margin-left: 0.75vw;
    margin-top: 0;
    position: absolute;
    z-index: 11;
    display: block;
    top: 4vw;
  }
  .arianeWire--next {
    left: 0;
    top: -4.5dvh;
  }
  .arianeWire--next .arianeWire__racine {
    font-size: 2.5vw;
    right: -15vw;
    top: 0.5vw;
  }
}

@media (min-width: 2099.98px) {
  .arianeWire:has(~ .next) {
    margin-top: -5.25rem;
    margin-left: -1.25vw;
  }
  .arianeWire--next .arianeWire__racine {
    font-size: 3rem;
    right: -15vw;
    top: -0.5vw;
  }
}

@media (min-width: 2399.98px) {
  .arianeWire:has(~ .next) {
    margin-left: 0vw;
    margin-top: -0.5rem;
  }
  .arianeWire--next {
    top: -3.5dvh;
  }
}

@media (min-width: 2599.98px) {
  .arianeWire:has(~ .next) {
    margin-left: -2.5vw;
  }
}