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

.__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.35;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
}

.__fine { stroke-width: 1.65; }
.__lavender { stroke: var(--ishtar-lavender); }
.__soft { stroke: var(--ishtar-lavender-soft); }
.__sea { stroke: var(--ishtar-sea); }
.__mint { stroke: var(--ishtar-mint); }
.__coral { stroke: var(--ishtar-coral); }
.__gold { stroke: var(--ishtar-gold); }

.__letter {
  stroke: var(--ishtar-lavender);
  stroke-width: 2.25;
  stroke-dasharray: 1900;
  stroke-dashoffset: 1900;
  paint-order: stroke;
  filter: drop-shadow(0 4px 5px rgba(101, 80, 149, .1));
}

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

.__latin {
  font-family: "Segoe Script", "Lucida Handwriting", cursive;
  font-size: 96px;
  font-weight: 400;
}

.__ears { animation: __ishtar_draw 1.25s cubic-bezier(.48, 0, .2, 1) .08s forwards; }
.__ear_detail { animation: __ishtar_draw .75s ease .5s forwards; }
.__left_garden { animation: __ishtar_draw 1.25s ease .8s forwards; }
.__right_charm { animation: __ishtar_draw 1.35s ease 1s forwards; }
.__cn { animation: __ishtar_write 2.35s cubic-bezier(.48, 0, .16, 1) 1.1s forwards; }
.__butterfly { animation: __ishtar_draw .78s ease 2.1s forwards; }
.__latin { animation: __ishtar_write 1.75s cubic-bezier(.48, 0, .16, 1) 2.4s forwards; }
.__waves { animation: __ishtar_draw 1.45s ease 3.2s forwards; }
.__small_charm { animation: __ishtar_draw .7s ease 3.55s forwards; }

@keyframes __ishtar_draw {
  to { stroke-dashoffset: 0; }
}

@keyframes __ishtar_write {
  to { stroke-dashoffset: 0; }
}

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

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