.game-player {
  display: flex;
  position: relative;
  justify-content: center;
  min-height: 100px;
}
.player1 {
  align-items: flex-end;
}
.player2 {
  align-items: flex-start;
}
[data-v-0b44014c]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-0b44014c]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-0b44014c]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-0b44014c]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-0b44014c]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-0b44014c]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-0b44014c]:root {
    --current-breakpoint: xxl;
  }
}
.chances-indicator[data-v-0b44014c] {
  position: relative;
  width: 76px;
  will-change: opacity;
}
.chances-indicator #outest[data-v-0b44014c],
.chances-indicator #outer[data-v-0b44014c],
.chances-indicator #center[data-v-0b44014c],
.chances-indicator #inner[data-v-0b44014c] {
  transform-origin: center;
  animation: rotate 7s ease-in-out infinite alternate;
}
.chances-indicator #outer[data-v-0b44014c] {
  animation-delay: -1.5s;
}
.chances-indicator #center[data-v-0b44014c] {
  animation-delay: -1.2s;
}
.chances-indicator #inner[data-v-0b44014c] {
  animation-delay: -2.2s;
}
.chances-indicator .value[data-v-0b44014c] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  font-family: realistwide, sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
}
.chances-indicator svg[data-v-0b44014c] {
  display: block;
  width: 100%;
}
.chances-indicator.visible[data-v-0b44014c] {
  transition-delay: 0.5s;
}
.stack-container {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
}
.stack-container .game-stack {
  display: flex;
  position: relative;
  z-index: 200;
  align-items: center;
  justify-content: center;
  width: 20vw;
  min-width: 300px;
  cursor: pointer;
}
.stack-container .game-stack .drop-zone {
  z-index: 0;
  width: 100%;
  aspect-ratio: 1;
  border: 5px white;
  border-style: dashed;
  border-radius: 10%;
  opacity: 0;
}
.stack-container .game-stack .click-effect-container {
  position: fixed;
  top: 0;
  left: 0;
}
.stack-container .game-stack .click-effect-container .click-effect {
  width: 40px;
  height: 40px;
  margin: -20px;
  transform: scale(0);
  border-radius: 50%;
  background: radial-gradient(rgba(255, 255, 255, 0), #ffffff);
}
.stack-container .game-stack .cible {
  position: absolute;
  width: 100%;
  min-width: 300px;
  height: auto;
  overflow: visible;
  opacity: 0;
}
.stack-container .game-stack .cible circle {
  transform-origin: center;
  animation: rotate 15s ease-in-out infinite alternate;
  stroke: #74ffe6;
}
@keyframes click {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  to {
    transform: scale(1);
  }
}
.stack-container .chances {
  position: absolute;
  right: 0;
  bottom: 0;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0, 1.44, 0.38, 1.005),
    opacity 0.6s ease-out;
  opacity: 1;
}
@media (min-width: 990px) {
  .stack-container .chances {
    right: -100px;
    bottom: auto;
  }
}
.stack-container .chances.disable {
  transform: scale(0);
  transition: transform 0.6s cubic-bezier(0, 1.44, 0.38, 1.005),
    opacity 0.6s ease-out;
  opacity: 0;
}
.stack-container .ordi-tap {
  display: flex;
  position: absolute;
  z-index: -195;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.stack-container .ordi-tap .big-circle {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  min-width: 1000px;
  height: 120%;
  border-radius: 50%;
  opacity: 0;
  background: #aa2323;
  background: radial-gradient(
    ellipse farthest-corner at 50% 50%,
    rgb(255, 0, 0) 0%,
    rgba(255, 0, 0, 0) 80%
  );
}
@keyframes pulse-ring {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  10% {
    transform: scale(1);
    opacity: 1;
  }
  to {
    transform: scale(0);
  }
}
@keyframes pulse-dot {
  99.609375% {
    opacity: 0.3;
  }
  98.4375% {
    opacity: 0;
  }
  96.484375% {
    opacity: 0.3;
  }
  93.75% {
    opacity: 0;
  }
  90.234375% {
    opacity: 0.3;
  }
  85.9375% {
    opacity: 0;
  }
  80.859375% {
    opacity: 0.3;
  }
  75% {
    opacity: 0;
  }
  68.359375% {
    opacity: 0.3;
  }
  60.9375% {
    opacity: 0;
  }
  52.734375% {
    opacity: 0.3;
  }
  43.75% {
    opacity: 0;
  }
  33.984375% {
    opacity: 0.3;
  }
  23.4375% {
    opacity: 0;
  }
  12.109375% {
    opacity: 0.3;
  }
  0% {
    opacity: 0;
  }
}
:root {
  --glare-x: 50%;
  --glare-y: 50%;
  --scale: 1;
  --opacity: 0.5;
  --translate-x: 0;
  --translate-y: 0;
  --rotate-x: 0deg;
  --rotate-y: 0deg;
  --shine-x: 50%;
  --shine-y: 50%;
  --shadow: 0;
  --step: 5%;
  --radius: 10px;
}
[data-v-0859700c]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-0859700c]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-0859700c]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-0859700c]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-0859700c]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-0859700c]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-0859700c]:root {
    --current-breakpoint: xxl;
  }
}
.card[data-v-0859700c] {
  position: absolute;
  z-index: calc(var(--scale) * 100);
  width: 140px;
  aspect-ratio: 385/592;
  transform-style: preserve-3d;
  transition: transform 1s cubic-bezier(0.76, 0, 0.24, 1),
    opacity 1s cubic-bezier(0.76, 0, 0.24, 1);
  user-select: none;
}
.card[data-v-0859700c]:nth-child(1) {
  transition-delay: 177ms;
}
.card[data-v-0859700c]:nth-child(2) {
  transition-delay: 64ms;
}
.card[data-v-0859700c]:nth-child(3) {
  transition-delay: 86ms;
}
.card[data-v-0859700c]:nth-child(4) {
  transition-delay: 35ms;
}
.card[data-v-0859700c]:nth-child(5) {
  transition-delay: 35ms;
}
.card[data-v-0859700c]:nth-child(6) {
  transition-delay: 21ms;
}
.card[data-v-0859700c]:nth-child(7) {
  transition-delay: 45ms;
}
.card[data-v-0859700c]:nth-child(8) {
  transition-delay: 116ms;
}
.card[data-v-0859700c]:nth-child(9) {
  transition-delay: 87ms;
}
.card[data-v-0859700c]:nth-child(10) {
  transition-delay: 83ms;
}
.card[data-v-0859700c]:nth-child(11) {
  transition-delay: 68ms;
}
.card[data-v-0859700c]:nth-child(12) {
  transition-delay: 118ms;
}
.card[data-v-0859700c]:nth-child(13) {
  transition-delay: 0.2s;
}
.card[data-v-0859700c]:nth-child(14) {
  transition-delay: 77ms;
}
.card[data-v-0859700c]:nth-child(15) {
  transition-delay: 157ms;
}
.card[data-v-0859700c]:nth-child(16) {
  transition-delay: 50ms;
}
.card[data-v-0859700c]:nth-child(17) {
  transition-delay: 85ms;
}
.card[data-v-0859700c]:nth-child(18) {
  transition-delay: 20ms;
}
.card[data-v-0859700c]:nth-child(19) {
  transition-delay: 127ms;
}
.card[data-v-0859700c]:nth-child(20) {
  transition-delay: 59ms;
}
.card[data-v-0859700c]:nth-child(21) {
  transition-delay: 118ms;
}
.card[data-v-0859700c]:nth-child(22) {
  transition-delay: 114ms;
}
.card[data-v-0859700c]:nth-child(23) {
  transition-delay: 6ms;
}
.card[data-v-0859700c]:nth-child(24) {
  transition-delay: 57ms;
}
.card[data-v-0859700c]:nth-child(25) {
  transition-delay: 74ms;
}
.card[data-v-0859700c]:nth-child(26) {
  transition-delay: 75ms;
}
.card[data-v-0859700c]:nth-child(27) {
  transition-delay: 0.2s;
}
.card[data-v-0859700c]:nth-child(28) {
  transition-delay: 0.14s;
}
.card[data-v-0859700c]:nth-child(29) {
  transition-delay: 125ms;
}
.card[data-v-0859700c]:nth-child(30) {
  transition-delay: 133ms;
}
.card[data-v-0859700c]:nth-child(31) {
  transition-delay: 113ms;
}
.card[data-v-0859700c]:nth-child(32) {
  transition-delay: 63ms;
}
.card[data-v-0859700c]:nth-child(33) {
  transition-delay: 9ms;
}
.card[data-v-0859700c]:nth-child(34) {
  transition-delay: 116ms;
}
.card[data-v-0859700c]:nth-child(35) {
  transition-delay: 0.2s;
}
.card[data-v-0859700c]:nth-child(36) {
  transition-delay: 116ms;
}
.card[data-v-0859700c]:nth-child(37) {
  transition-delay: 35ms;
}
.card[data-v-0859700c]:nth-child(38) {
  transition-delay: 107ms;
}
.card[data-v-0859700c]:nth-child(39) {
  transition-delay: 0.17s;
}
.card[data-v-0859700c]:nth-child(40) {
  transition-delay: 143ms;
}
.card[data-v-0859700c]:nth-child(41) {
  transition-delay: 83ms;
}
.card[data-v-0859700c]:nth-child(42) {
  transition-delay: 105ms;
}
.card[data-v-0859700c]:nth-child(43) {
  transition-delay: 2ms;
}
.card[data-v-0859700c]:nth-child(44) {
  transition-delay: 191ms;
}
.card[data-v-0859700c]:nth-child(45) {
  transition-delay: 74ms;
}
.card[data-v-0859700c]:nth-child(46) {
  transition-delay: 133ms;
}
.card[data-v-0859700c]:nth-child(47) {
  transition-delay: 88ms;
}
.card[data-v-0859700c]:nth-child(48) {
  transition-delay: 10ms;
}
.card[data-v-0859700c]:nth-child(49) {
  transition-delay: 47ms;
}
.card[data-v-0859700c]:nth-child(50) {
  transition-delay: 78ms;
}
.card[data-v-0859700c]:nth-child(51) {
  transition-delay: 128ms;
}
.card[data-v-0859700c]:nth-child(52) {
  transition-delay: 39ms;
}
@media (min-width: 770px) {
  .card[data-v-0859700c] {
    width: 180px;
  }
}
.card.optimized-version .card__rotator[data-v-0859700c] {
  transition: transform 0.5s ease;
}
.card:not(.optimized-version) .glare[data-v-0859700c] {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: var(--opacity);
  background: radial-gradient(
    farthest-corner circle at var(--glare-x) var(--glare-y),
    rgba(255, 255, 255, 0.8) 10%,
    rgba(255, 255, 255, 0.65) 20%,
    rgba(0, 0, 0, 0.5) 90%
  );
  pointer-events: none;
  mix-blend-mode: soft-light;
}
.card:not(.optimized-version) .shine[data-v-0859700c] {
  --space: 3%;
  --angle: 133deg;
  --imgsize: 300px;
  position: absolute;
  z-index: 30;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-image: var(--pattern),
    repeating-linear-gradient(
      0deg,
      rgb(255, 119, 115) calc(var(--space) * 1),
      rgb(255, 237, 95) calc(var(--space) * 2),
      rgb(168, 255, 95) calc(var(--space) * 3),
      rgb(131, 255, 247) calc(var(--space) * 4),
      rgb(120, 148, 255) calc(var(--space) * 5),
      rgb(216, 117, 255) calc(var(--space) * 6),
      rgb(255, 119, 115) calc(var(--space) * 7)
    ),
    repeating-linear-gradient(
      var(--angle),
      #0e152e 0%,
      hsl(180deg, 10%, 60%) 3.8%,
      hsl(180deg, 29%, 66%) 4.5%,
      hsl(180deg, 10%, 60%) 5.2%,
      #0e152e 10%,
      #0e152e 12%
    ),
    radial-gradient(
      farthest-corner circle at 50% 50%,
      rgba(0, 0, 0, 0.1) 12%,
      rgba(0, 0, 0, 0.15) 20%,
      rgba(0, 0, 0, 0.25) 120%
    );
  background-position: center center, 0% var(--shine-y),
    var(--shine-x) var(--shine-y), var(--shine-x) var(--shine-y);
  background-size: 150%, 200% 700%, 100% 400%, 200% 100%;
  pointer-events: none;
  background-blend-mode: exclusion, hue, hard-light;
  filter: brightness(calc(var(--opacity) * 0.4 + 0.5)) contrast(2.8) saturate(0);
  mix-blend-mode: color-dodge;
  clip-path: inset(0 0 1px 0 round var(--radius));
}
.card:not(.optimized-version) .shine[data-v-0859700c]:after {
  --space: 10%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: var(--pattern),
    repeating-linear-gradient(
      0deg,
      rgb(255, 119, 115) calc(var(--space) * 1),
      rgb(255, 237, 95) calc(var(--space) * 2),
      rgb(168, 255, 95) calc(var(--space) * 3),
      rgb(131, 255, 247) calc(var(--space) * 4),
      rgb(120, 148, 255) calc(var(--space) * 5),
      rgb(216, 117, 255) calc(var(--space) * 6),
      rgb(255, 119, 115) calc(var(--space) * 7)
    ),
    repeating-linear-gradient(
      var(--angle),
      #0e152e 0%,
      hsl(180deg, 10%, 60%) 3.8%,
      hsl(180deg, 29%, 66%) 4.5%,
      hsl(180deg, 10%, 60%) 5.2%,
      #0e152e 10%,
      #0e152e 12%
    ),
    radial-gradient(
      farthest-corner circle at 50% 50%,
      rgba(0, 0, 0, 0.1) 12%,
      rgba(0, 0, 0, 0.15) 20%,
      rgba(0, 0, 0, 0.25) 120%
    );
  background-position: center center, 0% var(--shine-y),
    var(--shine-x) var(--shine-y), var(--shine-x) var(--shine-y);
  background-size: 150%, 200% 400%, 495% 400%, 200% 100%;
  filter: brightness(1.24) contrast(1.2) saturate(1.6);
  mix-blend-mode: exclusion;
  background-blend-mode: exclusion, hue, hard-light;
}
.card .card__translater[data-v-0859700c] {
  display: grid;
  position: relative;
  width: auto;
  transform: translate3d(var(--translate-x), var(--translate-y), 0)
    scale(var(--scale));
  transform-origin: center;
  perspective: 600px;
  will-change: transform;
}
.card .card__translater .card__randomiser[data-v-0859700c] {
  perspective: 600px;
}
.card
  .card__translater
  .card__randomiser.card__randomiser--off[data-v-0859700c] {
  transform: translate(0) !important;
}
.card .card__translater .card__rotator[data-v-0859700c] {
  padding: 0;
  border: 0;
  background-color: transparent;
  font-family: realistwide, sans-serif;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  width: 100%;
  transform: rotateY(var(--rotate-x)) rotateX(var(--rotate-y));
  transform-origin: center;
  transform-style: preserve-3d;
  border-radius: var(--radius);
  background: top;
  box-shadow: 0 0 33px -5px rgb(0 0 0 / calc(0.6 * var(--shadow))),
    0 0 7px 1px rgb(0 0 0 / calc(0.6 * var(--shadow)));
  will-change: transform;
}
.card .card__translater .card__rotator[data-v-0859700c]:focus {
  outline: none;
}
.card .card__translater .card__rotator .card__back[data-v-0859700c],
.card .card__translater .card__rotator .card__front[data-v-0859700c] {
  position: relative;
  width: 100%;
  overflow: hidden;
  transform-style: preserve-3d;
  border-radius: var(--radius);
  background-color: #000;
}
.card .card__translater .card__rotator .card__back[data-v-0859700c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotateY(180deg) translateZ(1px);
  backface-visibility: visible;
}
.card
  .card__translater
  .card__rotator
  .card__back
  .card__back__img[data-v-0859700c] {
  display: block;
  width: 100%;
  height: auto;
  outline: 1px solid transparent;
  image-rendering: smooth;
  -webkit-image-rendering: smooth;
}
.card .card__translater .card__rotator .card__front[data-v-0859700c] {
  position: relative;
  transform: translateZ(1px);
  transition: opacity 0.33s ease-out;
  opacity: 1;
}
.card .card__translater .card__rotator .card__front[data-v-0859700c],
.card .card__translater .card__rotator .card__front *[data-v-0859700c] {
  backface-visibility: hidden;
}
.card
  .card__translater
  .card__rotator
  .card__front
  .card__front__img[data-v-0859700c] {
  display: block;
  width: 100%;
  height: auto;
  outline: 1px solid transparent;
  image-rendering: smooth;
  -webkit-image-rendering: smooth;
}
[data-v-5114386b]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-5114386b]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-5114386b]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-5114386b]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-5114386b]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-5114386b]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-5114386b]:root {
    --current-breakpoint: xxl;
  }
}
.gauges svg[data-v-5114386b] {
  display: block;
  width: 90px;
  height: 12px;
}
@media (min-width: 570px) {
  .gauges svg[data-v-5114386b] {
    width: 120px;
    height: auto;
  }
}
@media (min-width: 770px) {
  .gauges svg[data-v-5114386b] {
    width: auto;
    height: auto;
  }
}
.gauges svg path[data-v-5114386b] {
  transition: fill 0.3s ease;
}
[data-v-6727423d]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-6727423d]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-6727423d]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-6727423d]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-6727423d]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-6727423d]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-6727423d]:root {
    --current-breakpoint: xxl;
  }
}
.life-gauges[data-v-6727423d] {
  display: flex;
  position: fixed;
  z-index: 100;
  top: 0;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  padding: 30px 15px 10px;
  pointer-events: none;
}
@media (min-width: 770px) {
  .life-gauges[data-v-6727423d] {
    padding: 40px 40px 20px;
  }
}
.life-gauges .player-name[data-v-6727423d] {
  width: 90px;
  height: auto;
  margin: 0 0 3px;
  overflow: hidden;
  font-size: 1.1rem;
  font-weight: 700;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 570px) {
  .life-gauges .player-name[data-v-6727423d] {
    width: 120px;
    height: auto;
    margin-bottom: 5px;
  }
}
@media (min-width: 770px) {
  .life-gauges .player-name[data-v-6727423d] {
    width: auto;
    height: auto;
    font-size: 1.2rem;
  }
}
.gauges-left[data-v-6727423d],
.gauges-right[data-v-6727423d] {
  display: flex;
  position: relative;
  flex-direction: column;
}
.gauges-left[data-v-6727423d]:not(.active),
.gauges-right[data-v-6727423d]:not(.active) {
  opacity: 0.8;
}
.gauges-left .arrow[data-v-6727423d],
.gauges-right .arrow[data-v-6727423d] {
  position: absolute;
  top: -27px;
  left: 0;
  transform: translateY(-10px) rotate(180deg);
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 0;
}
@media (max-width: 989.98px) {
  .gauges-left .arrow[data-v-6727423d],
  .gauges-right .arrow[data-v-6727423d] {
    width: 15px;
  }
}
@media (min-width: 770px) {
  .gauges-left .arrow[data-v-6727423d],
  .gauges-right .arrow[data-v-6727423d] {
    top: -30px;
  }
}
.gauges-left .arrow.visible[data-v-6727423d],
.gauges-right .arrow.visible[data-v-6727423d] {
  transform: translateY(0) rotate(180deg);
  opacity: 1;
}
.gauges-right[data-v-6727423d] {
  align-items: flex-end;
}
.gauges-right .player-name[data-v-6727423d] {
  text-align: right;
}
.gauges-right .arrow[data-v-6727423d] {
  right: 0;
  left: auto;
}
.lottie-animation-container {
  width: var(--lottie-animation-container-width);
  height: var(--lottie-animation-container-height);
  background-color: var(--lottie-animation-container-background-color);
  overflow: hidden;
  margin: 0 auto;
}
[data-v-a6e19bbe]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-a6e19bbe]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-a6e19bbe]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-a6e19bbe]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-a6e19bbe]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-a6e19bbe]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-a6e19bbe]:root {
    --current-breakpoint: xxl;
  }
}
.background-light[data-v-a6e19bbe] {
  display: flex;
  position: fixed;
  z-index: -190;
  justify-content: center;
  width: 100vw;
  min-width: 1400px;
}
.background-light > img[data-v-a6e19bbe] {
  position: fixed;
  inset: 0;
  width: calc(100% - 120px);
  margin: auto;
  padding: 0 60px;
  object-fit: cover;
  object-position: center;
}
.background-light .cible[data-v-a6e19bbe] {
  width: 20vw;
  min-width: 300px;
  height: auto;
  overflow: visible;
  transition: transform 1.2s cubic-bezier(0.33, 1, 0.68, 1) 0.1s;
}
.background-light .cible circle[data-v-a6e19bbe] {
  transform-origin: center;
  transition: stroke 0.4s ease-out, opacity 0.2s ease-out;
  animation: rotate 15s ease-in-out infinite alternate;
}
.background-light .cible circle[data-v-a6e19bbe]:nth-of-type(2) {
  animation-delay: -1.5s;
}
.background-light .cible circle[data-v-a6e19bbe]:nth-of-type(4) {
  animation-delay: -5.2s;
}
.background-light .cible path[data-v-a6e19bbe] {
  transition: fill 0.4s ease-out;
}
.background-light .cible.red[data-v-a6e19bbe] {
  transform: scale(0.9);
  transition: transform 1.2s cubic-bezier(0.33, 1, 0.68, 1);
}
.background-light .cible.red circle[data-v-a6e19bbe] {
  stroke: #ff6464;
}
.background-light .cible.red path[data-v-a6e19bbe] {
  fill: #ff6464;
}
.background-light .cible.green[data-v-a6e19bbe] {
  transform: scale(0.9);
  transition: transform 1.2s cubic-bezier(0.33, 1, 0.68, 1);
}
.background-light .cible.green circle[data-v-a6e19bbe] {
  stroke: #74ffe6;
}
.background-light .cible.green path[data-v-a6e19bbe] {
  fill: #74ffe6;
}
.background-light .lottie[data-v-a6e19bbe] {
  position: absolute;
  width: 90%;
  margin: auto;
  opacity: 0.8;
  inset: 0;
}
.background-light .bg-light-off[data-v-a6e19bbe] {
  display: none;
  position: absolute;
  min-width: 1400px;
  opacity: 0.24;
}
.background-light .bg-light-on[data-v-a6e19bbe] {
  display: none;
  position: absolute;
  min-width: 1400px;
  transition: opacity 0.6s ease-out;
  opacity: 0;
  -webkit-mask: url(/assets/mask.ac218195.png);
  mask: url(/assets/mask.ac218195.png);
  mask-size: 6000% 100%;
  -webkit-mask-size: 6000% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: 100% 0;
  -webkit-mask-position: 100% 0;
}
.background-light .bg-light-on.el-animate[data-v-a6e19bbe] {
  animation: mask-play-a6e19bbe 2s steps(59, end) infinite both;
  animation-delay: 0.6s;
  opacity: 1;
}
@keyframes mask-play-a6e19bbe {
  0% {
    mask-position: 0% 0;
    -webkit-mask-position: 0% 0;
  }
  to {
    mask-position: 100% 0;
    -webkit-mask-position: 100% 0;
  }
}
.background-light .arrow[data-v-a6e19bbe] {
  display: none;
}
@media (min-width: 990px) {
  .background-light .arrow[data-v-a6e19bbe] {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: scale(0.8);
  }
  .background-light .arrow path[data-v-a6e19bbe] {
    fill: #fff;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(1) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 0.1s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(2) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 0.2s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(3) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 0.3s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(4) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 0.4s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(5) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 0.5s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(6) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 0.6s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(7) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 0.7s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(8) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 0.8s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(9) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 0.9s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(10) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 1s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(11) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 1.1s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(12) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 1.2s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(13) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 1.3s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(14) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 1.4s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(15) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 1.5s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(16) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 1.6s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(17) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 1.7s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(18) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 1.8s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(19) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 1.9s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(20) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 2s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(21) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 2.1s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(22) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 2.2s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(23) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 2.3s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(24) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 2.4s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(25) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 2.5s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(26) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 2.6s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(27) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 2.7s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(28) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 2.8s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(29) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 2.9s;
  }
  .background-light .arrow path[data-v-a6e19bbe]:nth-child(30) {
    animation: arrow-a6e19bbe 1.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
    animation-delay: 3s;
  }
  @keyframes arrow-a6e19bbe {
    0% {
      fill: #fff;
    }
    50% {
      fill: #0000;
    }
    to {
      fill: #fff;
    }
  }
  .background-light .arrow.arrow-right[data-v-a6e19bbe] {
    right: 16%;
    transform: rotate(180deg) scale(0.8);
  }
  .background-light .arrow.arrow-left[data-v-a6e19bbe] {
    left: 16%;
  }
}
@media (min-width: 1200px) {
  .background-light .arrow[data-v-a6e19bbe] {
    transform: scale(1);
  }
  .background-light .arrow.arrow-right[data-v-a6e19bbe] {
    right: 13%;
    transform: rotate(180deg) scale(1);
  }
  .background-light .arrow.arrow-left[data-v-a6e19bbe] {
    left: 13%;
  }
}
[data-v-60c2d938]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-60c2d938]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-60c2d938]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-60c2d938]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-60c2d938]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-60c2d938]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-60c2d938]:root {
    --current-breakpoint: xxl;
  }
}
.end-round[data-v-60c2d938] {
  display: flex;
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 30px 40px;
  background-color: #0009;
}
.end-round .status[data-v-60c2d938] {
  display: flex;
  align-items: center;
}
.end-round .status h3[data-v-60c2d938] {
  margin: 0 40px;
  transition: opacity 0.6s ease-out 0.2s,
    transform 1s cubic-bezier(0.22, 1, 0.36, 1);
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.1;
}
@media (min-width: 990px) {
  .end-round .status h3[data-v-60c2d938] {
    font-size: 4rem;
  }
}
.end-round .status svg[data-v-60c2d938] {
  min-width: 11px;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
}
.end-round .status.status-win path[data-v-60c2d938] {
  fill: #74ffe6;
}
.end-round.fade-out[data-v-60c2d938] {
  transition-delay: 0.2s;
  pointer-events: none;
}
.end-round.fade-out h3[data-v-60c2d938] {
  transform: scaleX(0.8);
  transition: opacity 0.6s ease-out,
    transform 1s cubic-bezier(0.22, 1, 0.36, 1) 0.2s;
  opacity: 0;
}
.end-round.fade-out svg[data-v-60c2d938] {
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1) 0.25s;
}
.end-round.fade-out svg.left[data-v-60c2d938] {
  transform: translate(100px);
}
.end-round.fade-out svg.right[data-v-60c2d938] {
  transform: translate(-100px);
}
[data-v-3d0bb871]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-3d0bb871]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-3d0bb871]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-3d0bb871]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-3d0bb871]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-3d0bb871]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-3d0bb871]:root {
    --current-breakpoint: xxl;
  }
}
.dataviz[data-v-3d0bb871] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.dataviz .corner-left-bottom[data-v-3d0bb871] {
  position: absolute;
  bottom: 15px;
  left: 15px;
  width: 70px;
  transform: rotate(180deg);
}
@media (min-width: 990px) {
  .dataviz .corner-left-bottom[data-v-3d0bb871] {
    left: 40px;
    bottom: 40px;
  }
}
.dataviz .corner-right-bottom[data-v-3d0bb871] {
  position: absolute;
  right: 15px;
  bottom: 15px;
  width: 70px;
  transform: rotate(90deg);
}
@media (min-width: 990px) {
  .dataviz .corner-right-bottom[data-v-3d0bb871] {
    right: 40px;
    bottom: 40px;
  }
}
.dataviz .svg-right[data-v-3d0bb871] {
  display: none;
}
@media (min-width: 990px) {
  .dataviz .svg-right[data-v-3d0bb871] {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 0;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 180px;
    margin: 30px 10%;
    transform: scale(0.4);
  }
  .dataviz .svg-right #big-centro[data-v-3d0bb871],
  .dataviz .svg-right #outter1[data-v-3d0bb871],
  .dataviz .svg-right #solo-lines[data-v-3d0bb871],
  .dataviz .svg-right #center[data-v-3d0bb871],
  .dataviz .svg-right #outter-center[data-v-3d0bb871],
  .dataviz .svg-right #bottom-dots[data-v-3d0bb871],
  .dataviz .svg-right #center-lines[data-v-3d0bb871],
  .dataviz .svg-right #squares[data-v-3d0bb871],
  .dataviz .svg-right #top-dots[data-v-3d0bb871] {
    transform-origin: center;
    animation: rotate 4s ease-in-out infinite alternate;
  }
  .dataviz .svg-right #big-centro[data-v-3d0bb871] {
    animation-delay: -1.5s;
  }
  .dataviz .svg-right #outter1[data-v-3d0bb871] {
    animation-delay: -1.2s;
  }
  .dataviz .svg-right #center[data-v-3d0bb871] {
    animation-delay: -2.2s;
  }
  .dataviz .svg-right #bottom-dots[data-v-3d0bb871],
  .dataviz .svg-right #top-dots[data-v-3d0bb871] {
    animation-duration: 7s;
  }
  .dataviz .svg-right #center-lines[data-v-3d0bb871],
  .dataviz .svg-right #outter-center[data-v-3d0bb871] {
    animation-duration: 6s;
    animation-delay: -3s;
  }
}
.dataviz .svg-left[data-v-3d0bb871] {
  display: none;
}
@media (min-width: 990px) {
  .dataviz .svg-left[data-v-3d0bb871] {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 450px;
    height: 340px;
    margin: 0;
    transform: scale(0.65);
  }
  .dataviz .svg-left g > *[data-v-3d0bb871] {
    opacity: 0.5;
  }
  .dataviz .svg-left path.draw-1[data-v-3d0bb871] {
    animation: dash-3d0bb871 14s ease-in-out infinite alternate;
    stroke-dasharray: 100;
    opacity: 1;
  }
  .dataviz .svg-left path.draw-2[data-v-3d0bb871] {
    animation: dash-3d0bb871 24s ease-in-out infinite alternate;
    stroke-dasharray: 300;
    opacity: 1;
  }
  .dataviz .svg-left path.text-1[data-v-3d0bb871] {
    animation: glitch-3d0bb871 7s infinite linear;
  }
  .dataviz .svg-left path.text-2[data-v-3d0bb871] {
    animation: glitch-3d0bb871 10s infinite linear;
  }
  .dataviz .svg-left path.text-3[data-v-3d0bb871] {
    animation: glitch-3d0bb871 17s infinite linear;
  }
}
@media (min-width: 1200px) {
  .dataviz .svg-left[data-v-3d0bb871] {
    margin: 0 5%;
  }
}
.dataviz svg[data-v-3d0bb871] {
  position: absolute;
  width: 450px;
  height: 450px;
  transform-origin: center;
  transition: 0.5s;
  fill: none;
}
@keyframes dash-3d0bb871 {
  to {
    stroke-dashoffset: 1000;
  }
}
@keyframes glitch-3d0bb871 {
  0.1% {
    transform: rotateX(5deg) skew(20deg);
  }
  0.2% {
    transform: rotateX(0) skew(0);
  }
}
.debug {
  position: fixed;
  z-index: 20;
  bottom: 5px;
  left: 5px;
  max-height: 80vh;
  padding: 5px;
  overflow: auto;
  background-color: #fff;
  color: #000;
  font-size: 1rem;
}
.debug.debug-2 {
  left: 200px;
}
.cards-container {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cards-container .card {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cards-container .card:not(.visible) {
  opacity: 0;
}
.cards-container .card.holder-stack {
  transform: translate(-50%, -50%) translateZ(0);
}
.cards-container .card.holder-player1 {
  transform: translate(-50%, -50%) translate3d(0, -45vh, 0);
}
.cards-container .card.holder-player2 {
  transform: translate(-50%, -50%) translate3d(0, 45vh, 0);
}
.cards-container .card.next:hover {
  cursor: grab;
}
.card-game {
  display: flex;
  position: relative;
  z-index: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transition: opacity 0.5s ease-out;
  opacity: 1;
}
.card-game:not(.visible) {
  opacity: 0;
}
.card-game .game-area {
  flex-grow: 1;
}
.grabbable {
  cursor: grabbing;
}
.grabbable .next {
  cursor: grabbing !important;
}
.your-turn {
  display: inline-block;
  position: absolute;
  top: -90px;
  left: 50%;
  width: max-content;
  margin: 0 0.3em;
  padding: 0.2em 0.5em 0.1em;
  transform: translate(-50%, 10px);
  transition: transform 0.3s ease, opacity 0.3s ease;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
  border: 1px solid #ffffff;
  opacity: 0;
  font-family: bebasneue, sans-serif;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
@keyframes flash {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 0.3;
  }
  60% {
    opacity: 1;
  }
}
@media (min-width: 990px) {
  .your-turn {
    top: -16vh;
  }
}
.your-turn.visible {
  transform: translate(-50%);
  animation-name: flash;
  opacity: 1;
}
@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 2px, 0);
  }
  20%,
  80% {
    transform: translate3d(2px, 4px, 0);
  }
  30%,
  50%,
  70% {
    transform: translate3d(-4px, -3px, 0);
  }
  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}
[data-v-1609b9b7]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-1609b9b7]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-1609b9b7]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-1609b9b7]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-1609b9b7]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-1609b9b7]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-1609b9b7]:root {
    --current-breakpoint: xxl;
  }
}
.btn[data-v-1609b9b7] {
  --perimeter: 800;
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  min-height: 50px;
  padding: 5px 20px;
  transition: border-color 1s ease-in-out;
  border: 1px solid rgba(255, 255, 255, 0.6);
  stroke-dashoffset: calc(1 * var(--perimeter));
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-family: realistwide, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
@media (min-width: 990px) {
  .btn[data-v-1609b9b7] {
    min-width: 200px;
    min-height: 56px;
    padding-right: 30px;
    padding-left: 30px;
  }
}
@media (min-width: 990px) {
  .btn[data-v-1609b9b7] {
    font-size: 1.8rem;
  }
}
@media (min-width: 770px) and (max-height: 800px) {
  .btn[data-v-1609b9b7] {
    font-size: 1.6rem;
  }
}
.btn.small[data-v-1609b9b7] {
  min-width: 0;
  min-height: 20px;
  padding: 4px 5px 3px;
  color: #fffc;
  font-family: bebasneue, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
}
.btn.small .label[data-v-1609b9b7] {
  animation: none;
}
.btn.small[data-v-1609b9b7]:hover {
  color: #fff;
}
.btn.small:hover .label[data-v-1609b9b7] {
  animation: none;
}
.btn.medium[data-v-1609b9b7] {
  min-width: 90px;
  min-height: 34px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 1.4rem;
}
@media (min-width: 990px) {
  .btn.medium[data-v-1609b9b7] {
    min-width: 120px;
    min-height: 40px;
  }
}
.btn.small-text[data-v-1609b9b7] {
  min-height: 40px;
}
.btn.small-text span[data-v-1609b9b7] {
  display: flex;
  align-items: center;
  font-family: bebasneue, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
}
@media (min-width: 990px) {
  .btn.small-text span[data-v-1609b9b7] {
    font-size: 1.6rem;
  }
}
@media (min-width: 990px) {
  .btn.small-text[data-v-1609b9b7] {
    padding: 10px 20px;
  }
}
.btn .border[data-v-1609b9b7] {
  display: inline-block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  transition: stroke-dashoffset 1s cubic-bezier(0.65, 0, 0.35, 1);
  stroke-dasharray: 150 var(--perimeter);
  stroke-dashoffset: 150;
  stroke: #fff;
  fill: none;
  pointer-events: none;
}
.btn .label[data-v-1609b9b7] {
  display: block;
  transition: color 0.4s ease-out;
  animation: none;
}
.btn .label.span-arrow[data-v-1609b9b7] {
  margin: 0 16px;
}
.btn .arrow[data-v-1609b9b7] {
  display: block;
  margin: 0;
  transition: opacity 0.6s ease-out,
    transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}
.btn .arrow.arrow-center[data-v-1609b9b7] {
  transform: rotate(180deg);
}
@media (min-width: 990px) {
  .btn:not(:disabled):hover .border[data-v-1609b9b7],
  .btn:not(:disabled):focus .border[data-v-1609b9b7] {
    stroke-dashoffset: calc(-1 * var(--perimeter));
  }
  .btn:not(:disabled):hover .label[data-v-1609b9b7],
  .btn:not(:disabled):focus .label[data-v-1609b9b7] {
    animation: translation-1609b9b7 0.5s cubic-bezier(0.16, 1, 0.3, 1) 0s 1;
  }
  .btn:not(:disabled):hover .arrow-left[data-v-1609b9b7],
  .btn:not(:disabled):focus .arrow-left[data-v-1609b9b7] {
    transform: translate(5px);
  }
  .btn:not(:disabled):hover .arrow-right[data-v-1609b9b7],
  .btn:not(:disabled):focus .arrow-right[data-v-1609b9b7] {
    transform: translate(-5px);
  }
  .btn:not(:disabled):hover .arrow-right.arrow-center[data-v-1609b9b7],
  .btn:not(:disabled):focus .arrow-right.arrow-center[data-v-1609b9b7] {
    transform: translate(-5px) rotate(180deg);
  }
  .btn:not(:disabled):hover .arrow path[data-v-1609b9b7],
  .btn:not(:disabled):focus .arrow path[data-v-1609b9b7] {
    animation: none;
  }
}
.btn[data-v-1609b9b7]:focus {
  outline: none;
}
.screen:not(.visible) .btn[data-v-1609b9b7],
.btn.unvisible[data-v-1609b9b7] {
  border: 1px solid rgba(255, 255, 255, 0);
}
.screen:not(.visible) .btn .label[data-v-1609b9b7],
.btn.unvisible .label[data-v-1609b9b7] {
  color: #fff0;
}
.screen:not(.visible) .btn .arrow[data-v-1609b9b7],
.btn.unvisible .arrow[data-v-1609b9b7] {
  opacity: 0;
}
.screen:not(.visible) .btn .border[data-v-1609b9b7],
.btn.unvisible .border[data-v-1609b9b7] {
  stroke-dashoffset: calc(-1 * var(--perimeter));
}
@keyframes translation-1609b9b7 {
  0% {
    transform: translateY(0);
    opacity: 1;
  }
  49% {
    transform: translateY(20px);
    opacity: 0;
  }
  50% {
    transform: translateY(-20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
[data-v-f85d1318]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-f85d1318]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-f85d1318]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-f85d1318]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-f85d1318]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-f85d1318]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-f85d1318]:root {
    --current-breakpoint: xxl;
  }
}
.home[data-v-f85d1318] {
  padding-top: 160px;
}
@media (min-width: 990px) {
  .home[data-v-f85d1318] {
    padding-top: 430px;
  }
}
@media (min-width: 770px) and (max-height: 800px) {
  .home[data-v-f85d1318] {
    padding-top: 320px;
  }
}
.home .intro[data-v-f85d1318] {
  max-width: 340px;
  margin-right: auto;
  margin-left: auto;
}
.home .texts[data-v-f85d1318] {
  z-index: 2;
}
.home .texts p[data-v-f85d1318] {
  font-size: 1.6rem;
  line-height: 1.1;
}
.home .texts p.text-bold[data-v-f85d1318] {
  font-size: 2.4rem;
}
[data-v-c496934e]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-c496934e]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-c496934e]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-c496934e]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-c496934e]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-c496934e]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-c496934e]:root {
    --current-breakpoint: xxl;
  }
}
.form-field[data-v-c496934e] {
  --perimeter: 800;
  position: relative;
}
.form-field .form-error[data-v-c496934e] {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}
.form-error[data-v-c496934e] {
  padding-top: 4px;
  color: #aa2323;
  font-size: 1rem;
  text-align: center;
}
.floating-label[data-v-c496934e] {
  display: block;
  position: relative;
  border: 0;
}
.floating-label .label[data-v-c496934e] {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  transform-origin: top center;
  transition: transform 0.3s ease;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  pointer-events: none;
}
.floating-label .border[data-v-c496934e] {
  display: inline-block;
  position: absolute;
  top: -4px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  fill: none;
  pointer-events: none;
}
.floating-label .border .bg-line[data-v-c496934e] {
  stroke: #fffc;
}
.floating-label .border .hl-line[data-v-c496934e] {
  transition: stroke-dashoffset 0.6s cubic-bezier(0.65, 0, 0.35, 1),
    stroke 0.3s ease;
  stroke-dasharray: var(--perimeter) var(--perimeter);
  stroke-dashoffset: var(--perimeter);
  stroke: #fff;
}
.floating-label .form-input[data-v-c496934e] {
  display: block;
  width: 100%;
  height: 48px;
  padding: 14px 10px 2px;
  transition: color 0.3s ease, border-color 0.3s ease;
  border: none;
  border-radius: 0;
  background-color: #ffffff1a;
  color: #fff;
  font-family: realistwide, sans-serif;
  font-size: 1.8rem;
  text-align: center;
}
.floating-label .form-input[type="date"][data-v-c496934e] {
  appearance: none;
}
.floating-label
  .form-input[type="date"][data-v-c496934e]::-webkit-inner-spin-button,
.floating-label
  .form-input[type="date"][data-v-c496934e]::-webkit-calendar-picker-indicator {
  display: none;
  appearance: none;
}
.floating-label .form-input[data-v-c496934e]:-webkit-autofill,
.floating-label .form-input[data-v-c496934e]:-webkit-autofill:hover,
.floating-label .form-input[data-v-c496934e]:-webkit-autofill:focus,
.floating-label .form-input[data-v-c496934e]:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.8) inset !important;
  -webkit-text-fill-color: #ffffff !important;
}
.floating-label .form-input[data-v-c496934e]::-webkit-input-placeholder {
  transition: color 0.3s ease;
  color: #fff9;
}
.floating-label .form-input[data-v-c496934e]:-moz-placeholder {
  transition: color 0.3s ease;
  color: #fff9;
}
.floating-label .form-input[data-v-c496934e]::-moz-placeholder {
  transition: color 0.3s ease;
  color: #fff9;
}
.floating-label .form-input[data-v-c496934e]:-ms-input-placeholder {
  transition: color 0.3s ease;
  color: #fff9;
}
.floating-label .form-input + .label[data-v-c496934e] {
  transform: translateY(-10px) scale(0.7);
  color: #fffc;
}
.floating-label .form-input[data-v-c496934e]:focus {
  outline: none;
}
.floating-label .form-input:focus ~ .border .hl-line[data-v-c496934e] {
  stroke-dashoffset: 0;
}
.floating-label .form-input.error ~ .border .hl-line[data-v-c496934e] {
  stroke-dashoffset: 0;
  stroke: #aa2323;
}
.floating-label .form-input[data-v-c496934e]:not(:focus):not(.has-value) {
  color: transparent;
}
.floating-label
  .form-input[data-v-c496934e]:not(:focus):not(
    .has-value
  )::-webkit-input-placeholder {
  color: #fff0;
}
.floating-label
  .form-input[data-v-c496934e]:not(:focus):not(.has-value):-moz-placeholder {
  color: #fff0;
}
.floating-label
  .form-input[data-v-c496934e]:not(:focus):not(.has-value)::-moz-placeholder {
  color: #fff0;
}
.floating-label
  .form-input[data-v-c496934e]:not(:focus):not(
    .has-value
  ):-ms-input-placeholder {
  color: #fff0;
}
.floating-label
  .form-input:not(:focus):not(.has-value)
  + .label[data-v-c496934e] {
  transform: translateY(0) scale(1);
  color: #fff;
}
[data-v-5d1b79ac]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-5d1b79ac]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-5d1b79ac]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-5d1b79ac]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-5d1b79ac]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-5d1b79ac]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-5d1b79ac]:root {
    --current-breakpoint: xxl;
  }
}
.input[data-v-5d1b79ac] {
  width: 100%;
  max-width: 450px;
  margin-top: auto;
  margin-bottom: 40px;
  padding: 0 10px;
  transform: scaleZ(1);
  transition: transform 0.5s cubic-bezier(0.87, 0, 0.13, 1);
}
.screen:not(.visible) .input[data-v-5d1b79ac] {
  transform: scale3d(1, 0, 1);
}
[data-v-5921a58e]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-5921a58e]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-5921a58e]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-5921a58e]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-5921a58e]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-5921a58e]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-5921a58e]:root {
    --current-breakpoint: xxl;
  }
}
.rule--tap .center[data-v-5921a58e] {
  display: flex;
  position: relative;
  flex-grow: 1;
  cursor: pointer;
  aspect-ratio: 1;
}
.rule--tap .texts[data-v-5921a58e] {
  z-index: 2;
}
.rule--tap .texts h2[data-v-5921a58e] {
  margin-bottom: 5px;
  font-size: 2.5rem;
}
@media (min-width: 990px) {
  .rule--tap .texts h2[data-v-5921a58e] {
    font-size: 4rem;
  }
}
.rule--tap .texts p[data-v-5921a58e] {
  font-size: 1.4rem;
}
.rule--tap .texts p b[data-v-5921a58e] {
  position: relative;
  margin: 4px;
  padding: 4px;
  border: 1px solid #ffffff;
  font-family: bebasneue, sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
}
.rule--tap .texts p b[data-v-5921a58e]:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(100% + 1px);
  height: 1px;
  background-color: #fff;
}
[data-v-99a545f0]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-99a545f0]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-99a545f0]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-99a545f0]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-99a545f0]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-99a545f0]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-99a545f0]:root {
    --current-breakpoint: xxl;
  }
}
.credits[data-v-99a545f0] {
  display: flex;
  justify-content: center;
  padding: 16px;
}
.credits > *[data-v-99a545f0]:not(:last-child) {
  margin-right: 8px;
}
.credits .presave b[data-v-99a545f0] {
  margin-left: 5px;
  color: #fff;
  font-weight: 400;
}
[data-v-ffd8e90e]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-ffd8e90e]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-ffd8e90e]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-ffd8e90e]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-ffd8e90e]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-ffd8e90e]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-ffd8e90e]:root {
    --current-breakpoint: xxl;
  }
}
.background[data-v-ffd8e90e] {
  position: fixed;
  z-index: -201;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  outline: none;
  background-image: url(/assets/background.b37cdb7b.jpg);
  background-size: cover;
}
.background .webgl[data-v-ffd8e90e] {
  position: fixed;
  z-index: -200;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  outline: none;
}
[data-v-33599906]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-33599906]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-33599906]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-33599906]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-33599906]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-33599906]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-33599906]:root {
    --current-breakpoint: xxl;
  }
}
.end-game[data-v-33599906] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-top: 100px;
  padding-bottom: 65px;
  overflow-y: scroll;
  scrollbar-width: 0;
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent,
    transparent 80px,
    black 100px,
    black calc(100% - 65px),
    transparent calc(100% + -0),
    transparent
  );
  mask-image: linear-gradient(
    to bottom,
    transparent,
    black 100px,
    black calc(100% - 65px),
    transparent
  );
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
@media (min-width: 770px) {
  .end-game[data-v-33599906] {
    padding-top: 180px;
  }
}
@media (min-width: 770px) and (max-height: 800px) {
  .end-game[data-v-33599906] {
    padding-top: 125px;
  }
}
.end-game .wrapper[data-v-33599906] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  max-width: 1200px;
}
@media (min-width: 770px) {
  .end-game .wrapper[data-v-33599906] {
    width: 80%;
    height: 100%;
  }
}
@media (min-width: 770px) and (max-height: 800px) {
  .end-game .wrapper[data-v-33599906] {
    height: auto;
  }
}
.end-game .wrapper > *[data-v-33599906]:not(:last-child) {
  margin-bottom: 5px;
}
.end-game .wrapper > *[data-v-33599906]:first-child {
  margin-top: auto;
}
.end-game .wrapper > *[data-v-33599906]:last-child {
  margin-bottom: auto;
}
.end-game .bloc-try-again[data-v-33599906],
.end-game .bloc-sharing[data-v-33599906] {
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
  padding: 25px 15px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width: 770px) {
  .end-game .bloc-try-again[data-v-33599906],
  .end-game .bloc-sharing[data-v-33599906] {
    padding: 25px 40px;
  }
}
.end-game .bloc-try-again h2[data-v-33599906] {
  margin: 0 0 15px;
  font-size: 2.5rem;
  line-height: 1;
}
@media (min-width: 770px) {
  .end-game .bloc-try-again h2[data-v-33599906] {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .end-game .bloc-try-again h2[data-v-33599906] {
    font-size: 3.8rem;
  }
}
@media (min-width: 770px) and (max-height: 800px) {
  .end-game .bloc-try-again h2[data-v-33599906] {
    font-size: 2.5rem;
  }
}
.end-game .bloc-try-again h2.text-red[data-v-33599906] {
  text-shadow: 0 0 4px #ff0000;
}
.end-game .bloc-try-again h2.text-green[data-v-33599906] {
  text-shadow: 0 0 4px #74ffe6;
}
.end-game .bloc-try-again p[data-v-33599906] {
  margin: 0 0 30px;
  font-size: 1.2rem;
  line-height: 1;
}
@media (min-width: 770px) {
  .end-game .bloc-try-again p[data-v-33599906] {
    font-size: 1.4rem;
  }
}
.end-game .bloc-try-again button[data-v-33599906] {
  margin: 0 auto;
}
.end-game .bloc-try-again .corner[data-v-33599906] {
  position: absolute;
}
.end-game .bloc-try-again .corner.corner-top-right[data-v-33599906] {
  top: 0;
  right: 0;
  width: 8%;
  min-width: 40px;
  opacity: 0.3;
}
.end-game .bloc-try-again .corner.corner-bottom-left[data-v-33599906] {
  bottom: 0;
  left: 0;
  width: 8%;
  min-width: 40px;
  transform: rotate(180deg);
  opacity: 0.3;
}
.end-game .bloc-try-again .corner.corner-bottom-right[data-v-33599906] {
  display: none;
  right: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.3;
}
@media (min-width: 770px) {
  .end-game .bloc-try-again .corner.corner-bottom-right[data-v-33599906] {
    display: block;
  }
}
.end-game .bloc-sharing .share[data-v-33599906] {
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: auto auto 10px;
  padding: 6px;
  border: 1px solid #ffffff;
  border-radius: 50%;
}
.end-game .bloc-sharing .copied[data-v-33599906] {
  display: block;
  position: absolute;
  width: fit-content;
  height: fit-content;
  margin: auto;
  transition: opacity 0.3s ease;
  opacity: 0;
  font-size: 1.2rem;
}
.end-game .bloc-sharing .copied.visible[data-v-33599906] {
  opacity: 1;
}
.end-game .bloc-sharing .text-stroke[data-v-33599906] {
  margin: 0 0 10px;
}
.end-game .bloc-sharing .message[data-v-33599906] {
  max-width: 650px;
  margin: auto auto 20px;
  line-height: 1.2;
}
.end-game .bloc-sharing .message b[data-v-33599906] {
  font-size: 1.4rem;
}
@media (min-width: 1200px) {
  .end-game .bloc-sharing .message b[data-v-33599906] {
    font-size: 1.8rem;
  }
}
.end-game .bloc-sharing .buttons[data-v-33599906] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 800px;
  margin: -5px auto;
}
@media (min-width: 1200px) {
  .end-game .bloc-sharing .buttons[data-v-33599906] {
    margin: -10px auto;
  }
}
.end-game .bloc-sharing .buttons .button[data-v-33599906] {
  min-width: 130px;
  margin: 5px 3px;
}
@media (min-width: 1200px) {
  .end-game .bloc-sharing .buttons .button[data-v-33599906] {
    min-width: 200px;
    margin: 10px 8px;
  }
}
.end-game .bloc-sharing .buttons .button .icone[data-v-33599906] {
  margin-right: 10px;
}
.end-game .bloc-sharing .corner[data-v-33599906] {
  position: absolute;
}
.end-game .bloc-sharing .corner.corner-bottom-right[data-v-33599906] {
  right: 0;
  bottom: 0;
  width: 4%;
  min-width: 30px;
  transform: rotate(90deg);
  opacity: 0.3;
}
.end-game .bloc-sharing .corner.corner-bottom-left[data-v-33599906] {
  bottom: 0;
  left: 0;
  width: 4%;
  min-width: 30px;
  transform: rotate(180deg);
  opacity: 0.3;
}
.end-game .bloc-collaboration[data-v-33599906] {
  width: 100%;
}
.end-game .bloc-collaboration[data-v-33599906] .label {
  max-width: 360px;
  font-size: 1.2rem;
}
[data-v-3c6ce824]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-3c6ce824]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-3c6ce824]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-3c6ce824]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-3c6ce824]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-3c6ce824]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-3c6ce824]:root {
    --current-breakpoint: xxl;
  }
}
.show-all-cards[data-v-3c6ce824] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 100%;
  padding-top: 125px;
  overflow: scroll;
}
.show-all-cards[data-v-3c6ce824]::-webkit-scrollbar {
  display: none;
}
@media (min-width: 770px) {
  .show-all-cards[data-v-3c6ce824] {
    padding-top: 180px;
  }
}
@media (min-width: 770px) and (max-height: 800px) {
  .show-all-cards[data-v-3c6ce824] {
    padding-top: 125px;
  }
}
.show-all-cards .container-scroll[data-v-3c6ce824] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (min-width: 990px) {
  .show-all-cards .container-scroll[data-v-3c6ce824] {
    max-width: 85vw;
  }
}
.show-all-cards .container-scroll p[data-v-3c6ce824] {
  margin: 2px;
}
.show-all-cards .container-scroll .button[data-v-3c6ce824] {
  margin-top: 30px;
}
.show-all-cards .container-scroll .cards[data-v-3c6ce824] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 40px auto 100px;
}
.show-all-cards .container-scroll .cards .card[data-v-3c6ce824] {
  position: relative;
  margin: 5px;
}
@media (min-width: 770px) {
  .show-all-cards .container-scroll .cards .card[data-v-3c6ce824] {
    margin: 10px;
  }
}
@media (min-width: 990px) {
  .show-all-cards .container-scroll .cards .card[data-v-3c6ce824] {
    margin: 10px 30px;
  }
}
.show-all-cards .featuring[data-v-3c6ce824] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.show-all-cards .featuring a[data-v-3c6ce824] {
  display: block;
  color: #fff;
  text-decoration: none;
}
.show-all-cards .featuring .logo-lm-feat[data-v-3c6ce824] {
  display: block;
  width: 116px;
}
.show-all-cards .featuring .cross[data-v-3c6ce824] {
  position: relative;
  width: 24px;
  height: 24px;
  margin: auto 16px;
}
.show-all-cards .featuring .cross[data-v-3c6ce824]:before,
.show-all-cards .featuring .cross[data-v-3c6ce824]:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  border-top: 1px solid #ffffff;
}
.show-all-cards .featuring .cross[data-v-3c6ce824]:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.show-all-cards .featuring .cross[data-v-3c6ce824]:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.show-all-cards .featuring .toma[data-v-3c6ce824] {
  display: flex;
  align-items: center;
  font-family: bebasneue, sans-serif;
  font-size: 2.5rem;
  text-transform: uppercase;
}
.show-all-cards .featuring .toma img[data-v-3c6ce824] {
  display: inline-block;
  width: 30px;
  margin-right: 10px;
  margin-bottom: 3px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.show-all-cards .button-back[data-v-3c6ce824] {
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 30px;
}
@media (min-width: 990px) {
  .show-all-cards .button-back[data-v-3c6ce824] {
    position: fixed;
    top: 180px;
    right: 5%;
  }
}
@media (min-width: 770px) and (max-height: 800px) {
  .show-all-cards .button-back[data-v-3c6ce824] {
    top: 125px;
  }
}
.show-all-cards .overlay[data-v-3c6ce824] {
  transition: opacity 0.6s ease;
  opacity: 0;
  background-color: #000000b3;
  pointer-events: none;
}
.show-all-cards .overlay.visible[data-v-3c6ce824] {
  opacity: 1;
  pointer-events: all;
}
.zoomed-card[data-v-3c6ce824] {
  position: fixed;
  z-index: 300;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.6s ease;
  opacity: 0;
  pointer-events: none;
}
.zoomed-card.visible[data-v-3c6ce824] {
  opacity: 1;
  pointer-events: all;
}
.zoomed-card.visible .card[data-v-3c6ce824] .card__translater {
  transform: translateY(0);
}
.zoomed-card .card[data-v-3c6ce824] {
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 80vw;
  max-width: 385px;
  transform: translate(-50%, -50%);
}
@media (min-width: 990px) {
  .zoomed-card .card[data-v-3c6ce824] {
    width: 50vmin;
  }
}
.zoomed-card .card[data-v-3c6ce824] .card__translater {
  transform: translateY(100px);
  transition: transform 0.6s ease;
}
.zoomed-card[data-v-3c6ce824]:before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000b3;
}
[data-v-23d257be]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-23d257be]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-23d257be]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-23d257be]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-23d257be]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-23d257be]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-23d257be]:root {
    --current-breakpoint: xxl;
  }
}
.corner-ui[data-v-23d257be] {
  display: none;
  position: fixed;
  top: 40px;
  left: 40px;
  width: calc(100% - 80px);
  height: calc(100% - 80px);
  pointer-events: none;
}
.corner-ui.fade-out .line-text[data-v-23d257be] {
  animation: none !important;
}
@media (min-width: 990px) {
  .corner-ui[data-v-23d257be] {
    display: block;
  }
}
.corner-ui .corner-top-left[data-v-23d257be] {
  left: 0;
}
.corner-ui .corner-top-right[data-v-23d257be] {
  right: 0;
}
.corner-ui .corner-top-left[data-v-23d257be],
.corner-ui .corner-top-right[data-v-23d257be] {
  position: absolute;
  top: 0;
}
.corner-ui .corner-top-left > path[data-v-23d257be],
.corner-ui .corner-top-right > path[data-v-23d257be] {
  animation-name: flash-23d257be;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.corner-ui .corner-top-left > path[data-v-23d257be]:nth-child(3),
.corner-ui .corner-top-right > path[data-v-23d257be]:nth-child(3) {
  animation-delay: 0.2s;
}
.corner-ui .corner-top-left > path[data-v-23d257be]:nth-child(2),
.corner-ui .corner-top-right > path[data-v-23d257be]:nth-child(2) {
  animation-delay: 0.4s;
}
.corner-ui .corner-top-left > path[data-v-23d257be]:nth-child(1),
.corner-ui .corner-top-right > path[data-v-23d257be]:nth-child(1) {
  animation-delay: 0.6s;
}
.corner-ui .animated-text[data-v-23d257be] {
  width: fit-content;
  margin-top: 40px;
}
.corner-ui .animated-text .warning[data-v-23d257be] {
  width: 30px;
  margin-bottom: 10px;
}
.corner-ui .animated-text .line-container[data-v-23d257be] {
  width: fit-content;
  margin-bottom: 3px;
}
.corner-ui .animated-text .line-container .line-text[data-v-23d257be] {
  width: 0;
  padding-top: 3px;
  overflow: hidden;
  border-right: 1px solid white;
  font-family: bebasneue, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2;
  text-transform: uppercase;
  white-space: nowrap;
  animation-fill-mode: both !important;
}
.corner-ui
  .animated-text
  .line-container:nth-of-type(1)
  .line-text[data-v-23d257be] {
  animation: typing1-23d257be 1.3s steps(26, end) 1s,
    blink-caret-23d257be 2.3s step-end 0s;
  opacity: 0.6;
}
.corner-ui
  .animated-text
  .line-container:nth-of-type(2)
  .line-text[data-v-23d257be] {
  animation: typing1-23d257be 2.05s steps(41, end) 3.3s,
    blink-caret-23d257be 3.05s step-end 2.3s;
  opacity: 0.6;
}
.corner-ui
  .animated-text
  .line-container:nth-of-type(3)
  .line-text[data-v-23d257be] {
  animation: typing1-23d257be 1.2s steps(24, end) 6.35s,
    blink-caret-23d257be 2.2s step-end 5.35s;
  opacity: 0.6;
}
.corner-ui
  .animated-text
  .line-container:nth-of-type(4)
  .line-text[data-v-23d257be] {
  animation: typing1-23d257be 2s steps(40, end) 8.55s,
    blink-caret-23d257be 3s step-end 7.55s;
  opacity: 0.6;
}
.corner-ui
  .animated-text
  .line-container:nth-of-type(4)
  .line-text[data-v-23d257be] {
  opacity: 1;
}
@keyframes typing1-23d257be {
  0% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes typing3-23d257be {
  0%,
  80% {
    width: 0;
  }
  to {
    width: 100%;
  }
}
@keyframes blink-caret-23d257be {
  0%,
  to,
  20%,
  40%,
  60%,
  80% {
    border-color: #fff0;
  }
  50%,
  10%,
  30%,
  70%,
  90% {
    border-color: #fff;
  }
}
.corner-ui .lines[data-v-23d257be] {
  position: absolute;
  top: 0;
  bottom: 0;
  height: fit-content;
  margin: auto;
}
.corner-ui .lines .line[data-v-23d257be] {
  width: 11px;
  height: 9px;
  margin-top: -2px;
  animation-name: flash-23d257be;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  opacity: 0.2;
  background: #ffffff;
  clip-path: polygon(100% 0, 100% 25%, 0 100%, 0 75%);
}
.corner-ui .lines .line[data-v-23d257be]:nth-child(4n + 3) {
  animation-delay: 0s;
}
.corner-ui .lines .line[data-v-23d257be]:nth-child(4n + 2) {
  animation-delay: 0.2s;
}
.corner-ui .lines .line[data-v-23d257be]:nth-child(4n + 1) {
  animation-delay: 0.4s;
}
.corner-ui .lines .line[data-v-23d257be]:nth-child(4n) {
  animation-delay: 0.6s;
}
.corner-ui .lines.center-left[data-v-23d257be] {
  left: 0;
}
.corner-ui .lines.center-right[data-v-23d257be] {
  right: 0;
}
.corner-ui .corner-bottom-left[data-v-23d257be] {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
}
.corner-ui .square-bottom-right[data-v-23d257be] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 80px;
  height: 80px;
  background-image: url(/assets/corner-square.e685fbb2.svg);
  background-size: 100% 100%;
}
.corner-ui .square-bottom-right .inner-square[data-v-23d257be] {
  width: 15px;
  height: 15px;
  transform: translate(1px, 62px);
  animation-name: flash-23d257be;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  background-color: #fff9;
}
@keyframes flash-23d257be {
  0% {
    opacity: 0.6;
  }
  50% {
    opacity: 0.2;
  }
  to {
    opacity: 0.6;
  }
}
.modal-container {
  display: flex;
  position: fixed;
  z-index: 160;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  align-items: flex-start;
  padding: 50px 20px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  transition: visibility 0s linear 0s;
}
.modal-container.overlay-close .overlay {
  pointer-events: all;
}
.modal-container .modal {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 550px;
  max-height: none;
  margin: auto;
  transition: opacity 0.5s ease, transform 0.5s ease;
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: #000;
  color: #fff;
}
.modal-container .modal-content {
  padding: 40px 15px 30px;
}
@media (min-width: 990px) {
  .modal-container .modal-content {
    padding: 50px 50px 40px;
  }
}
.modal-container:not(.visible) {
  visibility: hidden;
  transition: visibility 0s linear 0.5s;
  pointer-events: none;
}
.modal-container:not(.visible) .overlay {
  opacity: 0;
}
.modal-container:not(.visible) .modal {
  transform: translateY(40px);
  opacity: 0;
}
.modal-container .overlay {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.5s ease;
  opacity: 0.6;
  background: radial-gradient(
    50% 150% at 50% 50%,
    #000000 0%,
    #141414 25%,
    #000000 35.94%,
    #1e1c1c 58.33%,
    #000000 98.95%
  );
  cursor: pointer;
  pointer-events: none;
}
.modal-container .angle-top-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
}
.modal-container .angle-bottom-right {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 22px;
}
.modal-container .close-button {
  position: absolute;
  z-index: 5;
  top: 15px;
  right: 25px;
}
@media (min-width: 990px) {
  .modal-container .close-button {
    right: 40px;
  }
}
.modal-container.scroll-modal .modal {
  height: 100%;
  min-height: 0;
  max-height: 80vh;
}
.modal-container.scroll-modal .modal .modal-content {
  padding-top: 20px;
  padding-bottom: 40px;
  overflow-y: scroll;
  scrollbar-width: 0;
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent,
    transparent 0px,
    black 20px,
    black calc(100% - 40px),
    transparent calc(100% + -0px),
    transparent
  );
  mask-image: linear-gradient(
    to bottom,
    transparent,
    black 20px,
    black calc(100% - 40px),
    transparent
  );
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-position: 0 0;
  mask-position: 0 0;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: 100%;
}
.modal-container.scroll-modal .modal .modal-content::-webkit-scrollbar {
  display: none;
}
.close-button {
  padding: 0;
  border: 0;
  background-color: transparent;
  font-family: realistwide, sans-serif;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  display: flex;
  align-items: center;
  color: #fff;
}
.close-button:focus {
  outline: none;
}
.close-button .label {
  margin-left: 5px;
  font-family: bebasneue, sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
}
[data-v-948ed76e]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-948ed76e]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-948ed76e]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-948ed76e]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-948ed76e]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-948ed76e]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-948ed76e]:root {
    --current-breakpoint: xxl;
  }
}
.checkbox-container[data-v-948ed76e] {
  display: flex;
  position: relative;
  align-items: center;
  width: auto;
  color: #fff;
}
.checkbox-container .label[data-v-948ed76e] {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-bottom: 3px;
  margin-inline-start: 8px;
  transition: color 0.3s ease;
  color: currentColor;
  font-size: 1.1rem;
  font-weight: 400;
  text-align: left;
}
.checkbox-container .label[data-v-948ed76e] a,
.checkbox-container .label[data-v-948ed76e] button {
  padding: 0;
  border: 0;
  background-color: transparent;
  font-family: realistwide, sans-serif;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  color: #fff;
  font-size: 1.1rem;
  text-decoration: underline;
}
.checkbox-container .label[data-v-948ed76e] a:focus,
.checkbox-container .label[data-v-948ed76e] button:focus {
  outline: none;
}
.checkbox-container input[data-v-948ed76e] {
  position: absolute;
  top: 20px;
  left: 6px;
  width: 1px !important;
  height: 1px !important;
  opacity: 0;
}
.checkbox-container input:checked ~ .checkmark[data-v-948ed76e]:after {
  transform: translate(-50%, -70%) scale(1) rotate(-45deg);
}
.checkbox-container input:disabled ~ .checkmark[data-v-948ed76e] {
  cursor: not-allowed;
}
.checkbox-container input:disabled ~ .label[data-v-948ed76e] {
  cursor: not-allowed;
}
.checkbox-container .checkmark[data-v-948ed76e] {
  display: inline-block;
  position: relative;
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin-bottom: auto;
  transition: background 0.3s ease;
  border: 1px solid #e7e7e7;
  border-radius: 0;
  background: transparent;
  vertical-align: middle;
}
.checkbox-container .checkmark[data-v-948ed76e]:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 5px;
  transform: translate(-50%, -70%) scale(0) rotate(-45deg);
  transition: transform 0.3s ease;
  border-bottom: 1px solid #74ffe6;
  border-left: 1px solid #74ffe6;
}
.checkbox-container[data-v-948ed76e]:hover {
  cursor: pointer;
}
[data-v-886c2b04]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-886c2b04]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-886c2b04]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-886c2b04]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-886c2b04]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-886c2b04]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-886c2b04]:root {
    --current-breakpoint: xxl;
  }
}
.game-form[data-v-886c2b04] {
  position: relative;
  width: 100%;
  text-align: left;
}
.game-form .form-fields[data-v-886c2b04] {
  transition: opacity 0.3s ease;
}
.game-form .submit-container .btn[data-v-886c2b04] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.game-form .submit-container .loader[data-v-886c2b04] {
  transition: opacity 0.3s ease;
  opacity: 0;
  pointer-events: none;
}
.game-form.loading .form-fields[data-v-886c2b04] {
  opacity: 0.4;
  pointer-events: none;
}
.game-form.loading .submit-container .btn[data-v-886c2b04] {
  opacity: 0;
}
.game-form.loading .loader[data-v-886c2b04] {
  opacity: 1;
}
.game-form .form-error.global[data-v-886c2b04] {
  margin-top: 10px;
  margin-bottom: 0;
}
.form-error[data-v-886c2b04] {
  color: #aa2323;
  font-size: 1rem;
}
.submit-container[data-v-886c2b04] {
  position: relative;
  margin-top: 40px;
  text-align: center;
}
.submit-container .loader[data-v-886c2b04] {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.checkboxes[data-v-886c2b04] {
  margin-top: 20px;
}
.checkboxes > *[data-v-886c2b04] {
  margin-bottom: 10px;
}
.checkboxes > *[data-v-886c2b04]:last-child {
  margin-bottom: 0;
}
.form-inputs[data-v-886c2b04] {
  display: grid;
  grid-gap: 30px 20px;
  transition: opacity 0.3s ease;
}
@media (min-width: 990px) {
  .form-inputs[data-v-886c2b04] {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 990px) {
  .form-inputs .fullwidth[data-v-886c2b04] {
    grid-column: 1 / span 2;
  }
}
.spinner[data-v-886c2b04] {
  position: relative;
  z-index: 2;
  flex: 0 0 auto;
  width: 50px;
  height: 50px;
}
.spinner[data-v-886c2b04]:before,
.spinner[data-v-886c2b04]:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: sk-bounce-886c2b04 2s infinite ease-in-out;
  -webkit-animation: sk-bounce-886c2b04 2s infinite ease-in-out;
  border-radius: 50%;
  opacity: 0.6;
  background-color: #fff;
}
.spinner[data-v-886c2b04]:after {
  animation-delay: -1s;
}
@-webkit-keyframes sk-bounce-886c2b04 {
  0%,
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-bounce-886c2b04 {
  0%,
  to {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
[data-v-4ad1cece]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-4ad1cece]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-4ad1cece]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-4ad1cece]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-4ad1cece]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-4ad1cece]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-4ad1cece]:root {
    --current-breakpoint: xxl;
  }
}
.credits-modal[data-v-4ad1cece] {
  text-align: center;
}
.credits-modal .small-title[data-v-4ad1cece] {
  margin-bottom: 0;
}
.credits-modal .subtitle[data-v-4ad1cece] {
  color: #000;
  text-shadow: -1px -1px 0 #ffffff, -1px 0px 0 #ffffff, -1px 1px 0 #ffffff,
    0px -1px 0 #ffffff, 0px 0px 0 #ffffff, 0px 1px 0 #ffffff, 1px -1px 0 #ffffff,
    1px 0px 0 #ffffff, 1px 1px 0 #ffffff;
  margin-bottom: 20px;
  font-family: bebasneue, sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}
.credits-modal .subtitle a[data-v-4ad1cece] {
  color: #000;
  text-decoration: none;
}
.credits-modal p[data-v-4ad1cece] {
  margin-bottom: 15px;
  font-size: 1.4rem;
}
@media (min-width: 990px) {
  .credits-modal p[data-v-4ad1cece] {
    margin-bottom: 30px;
  }
}
.credits-modal p[data-v-4ad1cece]:last-child {
  margin-bottom: 0;
}
[data-v-1ff1e223]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-1ff1e223]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-1ff1e223]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-1ff1e223]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-1ff1e223]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-1ff1e223]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-1ff1e223]:root {
    --current-breakpoint: xxl;
  }
}
.privacy-modal[data-v-1ff1e223] {
  z-index: 165;
}
[data-v-1ff1e223] .modal {
  max-width: 700px;
}
[data-v-1ff1e223] .modal-content {
  font-size: 1.4rem;
}
[data-v-1ff1e223] .modal-content a {
  color: #fff;
  overflow-wrap: anywhere;
}
[data-v-1c4d0b24]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-1c4d0b24]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-1c4d0b24]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-1c4d0b24]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-1c4d0b24]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-1c4d0b24]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-1c4d0b24]:root {
    --current-breakpoint: xxl;
  }
}
.presave-modal[data-v-1c4d0b24] {
  text-align: center;
}
.icon-container[data-v-1c4d0b24] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  margin-bottom: 10px;
  padding: 4px 2px 1px;
  border: 1px solid #ffffff;
  border-radius: 50%;
  font-family: bebasneue, sans-serif;
  font-size: 1.6rem;
  line-height: 1;
}
.small-title a[data-v-1c4d0b24] {
  color: #fff;
  text-decoration: none;
}
.subtitle[data-v-1c4d0b24] {
  color: #000;
  text-shadow: -1px -1px 0 #ffffff, -1px 0px 0 #ffffff, -1px 1px 0 #ffffff,
    0px -1px 0 #ffffff, 0px 0px 0 #ffffff, 0px 1px 0 #ffffff, 1px -1px 0 #ffffff,
    1px 0px 0 #ffffff, 1px 1px 0 #ffffff;
  margin-bottom: 20px;
  font-family: bebasneue, sans-serif;
  font-size: 1.6rem;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}
.success[data-v-1c4d0b24] {
  margin-top: 40px;
}
.success .message[data-v-1c4d0b24] {
  margin-bottom: 0;
  text-align: center;
}
.form[data-v-1c4d0b24] {
  margin-top: 40px;
}
[data-v-7536edbb]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-7536edbb]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-7536edbb]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-7536edbb]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-7536edbb]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-7536edbb]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-7536edbb]:root {
    --current-breakpoint: xxl;
  }
}
.tutorial--card[data-v-7536edbb] {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: center;
  transform-origin: center;
  transition: transform 0.6s ease, opacity 0.6s ease;
  opacity: 1;
  will-change: transform;
}
.tutorial--card[data-v-7536edbb]:not(.card--visible) {
  visibility: hidden;
}
.tutorial--card .card--container[data-v-7536edbb] {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  transform-origin: center;
  transition: transform 0.8s ease;
  will-change: transform;
}
.tutorial--card .card--container .card[data-v-7536edbb] {
  position: relative;
  transition: none !important;
}
.tutorial--card .card--container .card--3d[data-v-7536edbb] {
  position: relative;
}
.tutorial--card .card--container .indicator[data-v-7536edbb] {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 76px;
  transform: translate(-50%);
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
}
.tutorial--card .card--container .indicator.visible[data-v-7536edbb] {
  transition-delay: 0.5s;
}
.tutorial--card .card--container .visible[data-v-7536edbb] {
  opacity: 1;
}
@keyframes rotate-7536edbb {
  to {
    transform: rotate(360deg);
  }
}
[data-v-45f2b6b8]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-45f2b6b8]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-45f2b6b8]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-45f2b6b8]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-45f2b6b8]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-45f2b6b8]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-45f2b6b8]:root {
    --current-breakpoint: xxl;
  }
}
.tutorial--cards--container[data-v-45f2b6b8] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.tutorial--cards--container.hidden[data-v-45f2b6b8] {
  display: none;
}
.tutorial--cards[data-v-45f2b6b8] {
  width: 100%;
  height: 100%;
  perspective: 600px;
  outline: 1px solid transparent;
}
.tutorial--rings[data-v-45f2b6b8] {
  display: flex;
  position: absolute;
  top: 55%;
  left: 50%;
  align-items: center;
  justify-content: center;
  width: 500px;
  height: 500px;
  transform: translate(-50%, -50%);
  transition: opacity 0.5s;
  opacity: 0;
  will-change: opacity;
}
.tutorial--rings[data-v-45f2b6b8]:before {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  animation: pulse-ring-45f2b6b8 1.25s cubic-bezier(0.215, 0.61, 0.355, 1)
    infinite;
  border-radius: 50%;
  opacity: 0.4;
  background-color: #aa2323;
}
.tutorial--rings[data-v-45f2b6b8]:after {
  content: "";
  display: block;
  position: absolute;
  width: 300px;
  height: 300px;
  animation: pulse-dot-45f2b6b8 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s
    infinite;
  border-radius: 50%;
  opacity: 0.2;
  background-color: #aa2323;
}
@media (min-width: 990px) {
  .tutorial--rings[data-v-45f2b6b8] {
    width: 900px;
    height: 900px;
  }
  .tutorial--rings[data-v-45f2b6b8]:after {
    width: 600px;
    height: 600px;
  }
}
.visible--rings[data-v-45f2b6b8] {
  opacity: 1;
}
@keyframes pulse-ring-45f2b6b8 {
  0% {
    transform: scale(0.66);
  }
  80%,
  to {
    opacity: 0;
  }
}
@keyframes pulse-dot-45f2b6b8 {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1);
  }
  to {
    transform: scale(0.95);
  }
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
  overflow-x: hidden;
  font-size: 10px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased !important;
  text-rendering: optimizeLegibility !important;
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  text-align: left;
}
[tabindex="-1"]:focus {
  outline: 0 !important;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}
pre,
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}
svg:not(:root) {
  overflow: hidden;
}
table {
  border-collapse: collapse;
}
th {
  text-align: inherit;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
  cursor: pointer;
}
template {
  display: none;
}
p,
h1,
h2,
h3,
h4,
h5 {
  margin-top: 0;
}
html {
  --vh: 1vh;
  --full-vh: 100vh;
  --small-vh: 1vh;
  --small-full-vh: 100vh;
}
body {
  display: inherit;
  position: relative;
  height: 100%;
  background-color: #0f0f0f;
  color: #fff;
  font-family: realistwide, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.5;
}
body #app {
  height: 100%;
  min-height: 100%;
}
.debug-select {
  position: fixed;
  z-index: 1000;
  top: 5px;
  left: 5px;
}
img {
  width: 100%;
  height: auto;
}
[data-v-b52233d6]:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  [data-v-b52233d6]:root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  [data-v-b52233d6]:root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  [data-v-b52233d6]:root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  [data-v-b52233d6]:root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  [data-v-b52233d6]:root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  [data-v-b52233d6]:root {
    --current-breakpoint: xxl;
  }
}
.credit-container[data-v-b52233d6] {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.page[data-v-b52233d6] {
  height: 100%;
}
.logo-lm[data-v-b52233d6] {
  padding: 0;
  border: 0;
  background-color: transparent;
  font-family: realistwide, sans-serif;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  position: fixed;
  z-index: 150;
  top: 20px;
  right: 0;
  left: 0;
  width: 220px;
  margin: auto;
  transition: top 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.logo-lm[data-v-b52233d6]:focus {
  outline: none;
}
.logo-lm[data-v-b52233d6]:before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  width: 200%;
  height: 200%;
  transform: translate(-50%, -50%);
  background: radial-gradient(
    ellipse closest-side,
    rgba(0, 0, 0, 0.8),
    rgba(170, 35, 35, 0)
  );
  background-size: 100% 100%;
  pointer-events: none;
}
.logo-lm img[data-v-b52233d6] {
  display: block;
  width: 100%;
}
@media (min-width: 770px) {
  .logo-lm[data-v-b52233d6] {
    top: 100px;
    width: 480px;
  }
}
@media (min-width: 770px) and (max-height: 800px) {
  .logo-lm[data-v-b52233d6] {
    top: 80px;
    width: 380px;
  }
}
.logo-lm.logo-lm-small[data-v-b52233d6] {
  top: 20px;
  width: 110px;
}
@media (min-width: 770px) {
  .logo-lm.logo-lm-small[data-v-b52233d6] {
    top: 40px;
    width: 200px;
  }
}
@media (min-width: 770px) and (max-height: 800px) {
  .logo-lm.logo-lm-small[data-v-b52233d6] {
    top: 30px;
    width: 150px;
  }
}
.button-skip.button-skip[data-v-b52233d6] {
  position: fixed;
  z-index: 20;
  top: 30px;
  right: 15px;
}
@media (min-width: 990px) {
  .button-skip.button-skip[data-v-b52233d6] {
    top: 180px;
    right: 40px;
  }
}
@media (min-width: 770px) and (max-height: 800px) {
  .button-skip.button-skip[data-v-b52233d6] {
    top: 125px;
  }
}
@font-face {
  font-family: realistnarrow;
  font-style: normal;
  font-weight: 400;
  src: local("realistnarrow-normal"), local("realistnarrow 400"),
    url(/assets/realistnarrow-normal.4bf3efb5.woff2) format("woff2"),
    url(/assets/realistnarrow-normal.6b313767.woff) format("woff");
}
@font-face {
  font-family: realistwide;
  font-style: normal;
  font-weight: 400;
  src: local("realistwide-normal"), local("realistwide 400"),
    url(/assets/realistwide-normal.243f6f42.woff2) format("woff2"),
    url(/assets/realistwide-normal.bd30bcfe.woff) format("woff");
}
@font-face {
  font-family: realistwide;
  font-style: normal;
  font-weight: 700;
  src: local("realistwide-bold"), local("realistwide 700"),
    url(/assets/realistwide-bold.abd16e9a.woff2) format("woff2"),
    url(/assets/realistwide-bold.0c81c5a8.woff) format("woff");
}
@font-face {
  font-family: bebasneue;
  font-style: normal;
  font-weight: 400;
  src: local("bebasneue-normal"), local("bebasneue 400"),
    url(/assets/bebasneue-normal.77d5e347.woff2) format("woff2"),
    url(/assets/bebasneue-normal.aa11dd5a.woff) format("woff");
}
:root {
  --breakpoints: xs 0, sm 570, md 770, lg 990, xl 1200, xxl 1500;
}
@media (max-width: 569.98px) {
  :root {
    --current-breakpoint: xs;
  }
}
@media (min-width: 570px) and (max-width: 769.98px) {
  :root {
    --current-breakpoint: sm;
  }
}
@media (min-width: 770px) and (max-width: 989.98px) {
  :root {
    --current-breakpoint: md;
  }
}
@media (min-width: 990px) and (max-width: 1199.98px) {
  :root {
    --current-breakpoint: lg;
  }
}
@media (min-width: 1200px) and (max-width: 1499.98px) {
  :root {
    --current-breakpoint: xl;
  }
}
@media (min-width: 1500px) {
  :root {
    --current-breakpoint: xxl;
  }
}
.wrapper,
.intro-screen {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 570px) {
  .wrapper,
  .intro-screen {
    max-width: 540px;
  }
}
@media (min-width: 770px) {
  .wrapper,
  .intro-screen {
    max-width: 720px;
  }
}
@media (min-width: 990px) {
  .wrapper,
  .intro-screen {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .wrapper,
  .intro-screen {
    max-width: 1140px;
  }
}
@media (min-width: 770px) {
  .wrapper,
  .intro-screen {
    padding-right: 40px;
    padding-left: 40px;
  }
}
body {
  overflow: hidden;
}
:root {
  --step: 5%;
  --pattern: url(/assets/test_holographique.885cd6cf.png);
  --rainbow: repeating-linear-gradient(
      0deg,
      rgb(255 119 115) calc(var(--step) * 1),
      rgb(255 237 95 / 100%) calc(var(--step) * 2),
      rgb(168 255 95 / 100%) calc(var(--step) * 3),
      rgb(131 255 247 / 100%) calc(var(--step) * 4),
      rgb(120 148 255 / 100%) calc(var(--step) * 5),
      rgb(216 117 255) calc(var(--step) * 6),
      rgb(255 119 115) calc(var(--step) * 7)
    )
    0% var(--shine-y) / 200% 700%;
  --diagonal: repeating-linear-gradient(
      128deg,
      #0e152e 0%,
      hsl(180deg 10% 60%) 3.8%,
      hsl(180deg 10% 60%) 4.5%,
      hsl(180deg 10% 60%) 5.2%,
      #0e152e 10%,
      #0e152e 12%
    )
    var(--shine-x) var(--shine-y) / 300%;
  --shade: radial-gradient(
      farthest-corner circle at var(--glare-x) var(--glare-y),
      rgb(255 255 255 / 10%) 12%,
      rgb(255 255 255 / 15%) 20%,
      rgb(255 255 255 / 25%) 120%
    )
    var(--shine-x) var(--shine-y) / 300%;
  --space: 5%;
  --angle: 133deg;
  --imgsize: 500px;
  --red: #f80e7b;
  --yel: #eedf10;
  --gre: #21e985;
  --blu: #0dbde9;
  --vio: #c929f1;
  --radius: 4.55% / 3.5%;
  --back: #004177;
  --glow: #69d1e9;
  --primary: rgb(66 219 240);
  --link-hover: rgb(224 241 255);
}
.text-center {
  text-align: center;
}
.text-red {
  color: red;
}
.text-green {
  color: #74ffe6;
}
.text-stroke {
  margin: 10px;
  color: #0000;
  font-family: bebasneue, sans-serif;
  font-size: 2.4rem;
  letter-spacing: 4px;
  line-height: 1;
  text-transform: uppercase;
  -webkit-text-stroke: 0.5px #ffffff;
  text-stroke: 0.5px #ffffff;
}
.medium-title {
  font-family: realistwide, sans-serif;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 990px) {
  .medium-title {
    font-size: 4rem;
  }
}
.small-title {
  font-family: realistwide, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
}
@media (min-width: 990px) {
  .small-title {
    font-size: 2rem;
  }
}
.border-title {
  display: inline-block;
  margin-bottom: 8px;
  padding: 5px 15px 3px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  font-family: bebasneue, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
}
@media (min-width: 990px) {
  .border-title {
    margin-bottom: 15px;
    padding: 7px 25px 5px;
    font-size: 2rem;
  }
}
a {
  cursor: pointer;
}
.fade {
  transition: opacity 0.4s ease-out;
  opacity: 0;
}
.screen.visible .fade,
.fade.fade-in {
  opacity: 1;
}
.screen.visible .fade.fade-out,
.fade.fade-in.fade-out {
  opacity: 0;
}
.translate {
  transform: translateY(10px);
  transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1),
    opacity 0.5s ease-out;
  opacity: 0;
}
.screen.visible .translate,
.translate.translate-in {
  transform: translateY(0);
  opacity: 1;
}
.arrow path {
  fill: #fff;
}
.arrow path:nth-child(1) {
  animation: arrow-1 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
}
@keyframes arrow-1 {
  0% {
    fill: #fff;
  }
  20% {
    fill: #0000;
  }
  to {
    fill: #fff;
  }
}
.arrow path:nth-child(2) {
  animation: arrow-2 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
}
@keyframes arrow-2 {
  0% {
    fill: #fff;
  }
  40% {
    fill: #0000;
  }
  to {
    fill: #fff;
  }
}
.arrow path:nth-child(3) {
  animation: arrow-3 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0s infinite;
}
@keyframes arrow-3 {
  0% {
    fill: #fff;
  }
  60% {
    fill: #0000;
  }
  to {
    fill: #fff;
  }
}
.intro-screen {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-top: 90px;
  padding-bottom: 60px;
}
@media (min-width: 990px) {
  .intro-screen {
    padding-top: 160px;
    padding-bottom: 110px;
  }
}
@media (min-width: 770px) and (max-height: 800px) {
  .intro-screen {
    padding-top: 130px;
    padding-bottom: 70px;
  }
}
.intro-screen .medium-title {
  margin-bottom: 5px;
}
.intro-screen .texts {
  z-index: 2;
  max-width: 660px;
  margin-right: auto;
  margin-left: auto;
}
.intro-screen .texts p {
  font-size: 1.4rem;
}
.intro-screen .button {
  margin-top: auto;
}
.border-block {
  display: inline-block;
  position: relative;
  margin: 0 0.3em;
  padding: 0.2em 0.5em 0.1em;
  border: 1px solid #ffffff;
  font-family: bebasneue, sans-serif;
  font-weight: 400;
  line-height: 1;
  text-transform: uppercase;
}
.border-block.line-through:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: calc(100% + 1px);
  height: 1px;
  background-color: #fff;
}
.nb {
  white-space: nowrap;
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}