:root{--hover-text-color:#f98f78;--hover-dimmed-color:#ccc;--chars-animation-duration:0.4s;--chars-animation-delay:0.25s;--shadow-color:hsla(24,86%,43%,0.4)}.character{display:inline-flex;flex-direction:column;padding:8px;text-align:center;align-items:center}.name-evolution__item--root{position:relative;display:flex;flex-direction:column;align-items:flex-end;padding-right:24px;margin:64px auto;font-size:64px;height:230px}.huozhi-chars .pinyin{font-size:64px;font-weight:700;margin:16px 0}.origin-name{cursor:pointer;font-weight:700;transition:all var(--chars-animation-duration) ease var(--chars-animation-delay);transform-origin:100% 100%;line-height:1rem;color:#000}.origin-name--minimized{transform:scale(.4);margin-right:-4px;font-weight:300;color:var(--hover-dimmed-color)}.origin-name--minimized .character{width:16px;height:16px}.name-evolution__item--pinyin{margin-top:16px}.flex-column:hover .character:hover,.name-evolution__item--root:hover .name-evolution__item--pinyin .cursor-pointer,.name-evolution__item--root:hover .origin-name--default:not(.animated):not(.animating) .cursor-pointer{color:var(--hover-text-color);--c:var(--hover-text-color);--shadow:var(--shadow-color)}.origin-name--default{transform:translateY(64px)}.origin-name--default .cursor-pointer{animation:changeColorAfterAnimate calc(var(--chars-animation-delay) + var(--chars-animation-duration)) linear forwards}@keyframes changeColorAfterAnimate{0%{color:#ccc}to{color:var(--c)}}.chi-chars{position:absolute;top:80px;right:24px;width:120px;height:120px;transform-origin:100% 100%;transition:transform var(--chars-animation-duration) ease,opacity var(--chars-animation-duration) ease;transition-delay:calc(var(--chars-animation-delay))}.chi-chars--unified{opacity:1;transform:translateX(0)}.chi-chars--default{opacity:0;transform:translate(-12px,24px) scale(.8)}.huozhi-chars svg{width:48px;height:48px}.huozhi-chars{position:absolute;right:0;top:16px}.huozhi-chars,.huozhi-chars .pinyin,.huozhi-chars svg{transition:all var(--chars-animation-duration) ease;transition-delay:var(--chars-animation-delay)}.huozhi-chars .character .pinyin{transform-origin:100% 100%}.huozhi-chars--show .pinyin{transition-delay:var(--chars-animation-delay);opacity:1}.huozhi-chars--hide .pinyin{opacity:0}.huozhi-chars--hide .character:first-child .pinyin{transform:translateX(16px)}.huozhi-chars--hide .character:first-child svg{transform:translateX(92px)}.huozhi-chars--hide .character:nth-child(2) svg{transform:translateX(0)}