/* Soft Loading typography and dots animation (moved from inline style) */
#soft-loading .soft-loading-text{
  font-size: 3rem;
  line-height: 1;
  font-family: "Allison", cursive, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: normal;
  transform: rotate(-2deg);
  color: #fff;
  text-transform: capitalize;
  letter-spacing: .02em;
}

#soft-loading .dot{
  display:inline-block;
  width: .7em;
  text-align:center;
  animation: soft-loading-dot 1.2s ease-in-out infinite;
  animation-delay: calc(var(--i) * 0.2s);
}

@keyframes soft-loading-dot{
  0%, 20%{ opacity:.2; transform: translateY(0); }
  50%{ opacity:1; transform: translateY(-2px); }
  100%{ opacity:.2; transform: translateY(0); }
}