[v-cloak] {
  display: none;
}
.loading {
  display: grid;
  place-content: center;
  background: rgb(239, 239, 239);
  z-index: 999;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}


#app:not([v-cloak]) ~ .loading {
  display: none;
}


.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
}

.marquee span {
  display: inline-block;
  padding-left: 100%; /* start position */
  animation: marquee 12s linear infinite;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-100%); }
}