.__loading_signature { width: 100%; aspect-ratio: 850 / 261; }

.__loading_signature_svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.__draw,
.__letter {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}

.__draw {
  stroke-width: 2.2;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

.__fine { stroke-width: 1.55; }
.__strong { stroke-width: 2.8; }
.__ink { stroke: var(--daitang-ink); }
.__sky { stroke: var(--daitang-sky); }
.__soft_sky { stroke: var(--daitang-sky-soft); }
.__pink { stroke: var(--daitang-pink); }
.__soft_pink { stroke: var(--daitang-pink-soft); }
.__violet { stroke: var(--daitang-violet); }
.__mint { stroke: var(--daitang-mint); }
.__gold { stroke: var(--daitang-gold); }

.__letter {
  stroke: var(--daitang-ink);
  stroke-width: 2.25;
  stroke-dasharray: 2200;
  stroke-dashoffset: 2200;
  paint-order: stroke;
  filter: drop-shadow(0 4px 5px rgba(84, 128, 160, .08));
}

.__cn {
  font-family: "FZKai-Z03S", "STKaiti", "KaiTi", serif;
  font-size: 190px;
  font-weight: 400;
}

.__hat { animation: __daitang_draw 1.05s cubic-bezier(.5, 0, .2, 1) .08s forwards; }
.__books { animation: __daitang_draw 1.15s ease .48s forwards; }
.__cn { animation: __daitang_write 2.45s cubic-bezier(.48, 0, .16, 1) .9s forwards; }
.__bells { animation: __daitang_draw .95s ease 1.85s forwards; }
.__oi { animation: __daitang_draw 1.6s cubic-bezier(.48, 0, .16, 1) 2.15s forwards; }
.__flowers { animation: __daitang_draw .9s ease 2.65s forwards; }
.__clouds { animation: __daitang_draw 1.05s ease 2.9s forwards; }
.__finish { animation: __daitang_draw 1.15s ease 3.35s forwards; }

@keyframes __daitang_draw { to { stroke-dashoffset: 0; } }
@keyframes __daitang_write { to { stroke-dashoffset: 0; } }

@media (max-width: 680px) {
  .__cn { font-size: 182px; }
}

@media (prefers-reduced-motion: reduce) {
  .__draw,
  .__letter {
    stroke-dashoffset: 0;
    animation: none;
  }
}