:root{--hover-text-color:#f98f78;--hover-dimmed-color:#ccc;--chars-animation-duration:.4s;--chars-animation-delay:.25s;--shadow-color:#cc5b0f66}.character{text-align:center;flex-direction:column;align-items:center;padding:8px;display:inline-flex}.name-transition-delay{transition-delay:var(--chars-animation-delay)}.name-evolution__item--root{flex-direction:column;align-items:flex-end;height:230px;margin:64px auto;padding-right:24px;font-size:64px;display:flex;position:relative}.huozhi-chars .pinyin{margin:16px 0;font-size:64px;font-weight:300}.select-none{-webkit-user-select:none;user-select:none}.origin-name{cursor:pointer;transition:all var(--chars-animation-duration)ease;transform-origin:100% 100%;color:#000;font-weight:300;line-height:1rem}.origin-name--minimized{color:var(--hover-dimmed-color);margin-right:-4px;font-weight:300;transform:scale(.4)}.origin-name--minimized .character{width:16px;height:16px}.name-evolution__item--pinyin{margin-top:16px}.name-evolution__item--root:hover .origin-name--default:not(.animated):not(.animating) .cursor-pointer,.name-evolution__item--root:hover .name-evolution__item--pinyin .cursor-pointer,.flex-column:hover .character:hover{color:var(--hover-text-color);--c:var(--hover-text-color);--shadow:var(--shadow-color)}.origin-name--default{transform:translateY(64px)}.name-transition{transition:all var(--chars-animation-duration)ease}.huozhi-chars svg{width:48px;height:48px}.huozhi-chars{position:absolute;top:16px;right:0}.huozhi-chars .character .pinyin{transform-origin:100% 100%}.huozhi-chars--split .pinyin{opacity:1}.huozhi-chars--unified .pinyin{opacity:0}.huozhi-chars--unified .character:first-child .pinyin{transform:translate(16px)}.huozhi-chars--unified .character:first-child svg{transform:translate(92px)}.huozhi-chars--unified .character:nth-child(2) svg{transform:translate(0)}
.about-page__item{height:260px;line-height:normal}.about-page__intro{margin:calc(var(--grid-size)*2)0;font-weight:300}