@-webkit-keyframes horizontal-loop {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes horizontal-loop {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@-webkit-keyframes star-drop {
  0% {
    -webkit-transform: scale(0.8, 1.4) translate(0%, -100%);
    transform: scale(0.8, 1.4) translate(0%, -100%);
  }

  10% {
    -webkit-transform: scale(0.8, 1.4) translate(0%, -15%);
    transform: scale(0.8, 1.4) translate(0%, -15%);
  }

  20% {
    -webkit-transform: scale(1.4, 0.6) translate(0%, 30%);
    transform: scale(1.4, 0.6) translate(0%, 30%);
  }

  30% {
    -webkit-transform: scale(0.9, 1.1) translate(0%, -10%);
    transform: scale(0.9, 1.1) translate(0%, -10%);
  }

  40% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -30%);
    transform: scale(0.95, 1.2) translate(0%, -30%);
  }

  50% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -10%);
    transform: scale(0.95, 1.2) translate(0%, -10%);
  }

  60% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }

  70% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
    transform: scale(1, 1) translate(0%, 0%);
  }

  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
    transform: scale(1, 1) translate(0%, 0%);
  }
}

@keyframes star-drop {
  0% {
    -webkit-transform: scale(0.8, 1.4) translate(0%, -100%);
    transform: scale(0.8, 1.4) translate(0%, -100%);
  }

  10% {
    -webkit-transform: scale(0.8, 1.4) translate(0%, -15%);
    transform: scale(0.8, 1.4) translate(0%, -15%);
  }

  20% {
    -webkit-transform: scale(1.4, 0.6) translate(0%, 30%);
    transform: scale(1.4, 0.6) translate(0%, 30%);
  }

  30% {
    -webkit-transform: scale(0.9, 1.1) translate(0%, -10%);
    transform: scale(0.9, 1.1) translate(0%, -10%);
  }

  40% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -30%);
    transform: scale(0.95, 1.2) translate(0%, -30%);
  }

  50% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -10%);
    transform: scale(0.95, 1.2) translate(0%, -10%);
  }

  60% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 5%);
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }

  70% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
    transform: scale(1, 1) translate(0%, 0%);
  }

  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
    transform: scale(1, 1) translate(0%, 0%);
  }
}

@-webkit-keyframes star-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  30% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes star-spin {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  30% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes star-spin-onetime {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes star-spin-onetime {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.text {
  text-align: center;
  font-weight: 700;
}

@media screen and (min-width: 760px), print {
  .text {
    font-size: calc(18 / (var(--w-navigation-size) * 0.01) * 1cqi);
    text-align: center;
    margin-inline: auto;
    line-height: 1.778;
    position: relative;
    overflow: hidden;
  }
}

@media screen and (max-width: 759.98px) {
  .text {
    font-size: 3.56vw;
  }
}