.frame{align-content:center;align-items:center;aspect-ratio:1/1.25;background-color:var(--blue);border:1px solid #000;justify-content:center;position:relative;position:sticky;text-align:center;text-align:start;text-align:initial;text-orientation:upright;top:0;vertical-align:middle;width:100%;writing-mode:vertical-rl}.character-card,.frame{display:flex;flex-direction:column}.frame h1{font-family:toppan-bunkyu-gothic-pr6n,Noto Serif,sans-serif;font-size:48px;letter-spacing:.1em;line-height:54px}.soundButton{bottom:0;position:absolute;right:10px}.sound{height:35px;margin-bottom:0;margin-top:-10px;overflow:hidden;transition:.3s;vertical-align:middle;width:35px}.sound path{stroke:var(--yellow)}.sound:hover path{stroke:#000;transition:.3s}@keyframes playing{to{stroke-dashoffset:0}}#sound-icon.clicked path{stroke:var(--yellow);animation-name:playing;animation-timing-function:linear}#path-large.clicked{stroke-dasharray:40px;stroke-dashoffset:40px}#path-medium.clicked{stroke-dasharray:22px;stroke-dashoffset:22px}#path-small.clicked{stroke-dasharray:6px;stroke-dashoffset:6px}#sound-icon.loading path{animation:loadingAnimation 1s linear;animation-direction:alternate;animation-iteration-count:infinite;opacity:0}@keyframes loadingAnimation{to{stroke:var(--yellow);opacity:100%}}.character-card section{margin-top:20px}.meaning{margin-top:0;text-align:center}.meaning p{margin-top:-10px}.character-card hr{margin-bottom:5px}.info-label{font-size:12px;text-transform:uppercase}.info-data{line-height:0px;margin-left:5px}.radical-variants{font-size:18px;font-weight:500;letter-spacing:.5em}.story p:first-child{margin-top:20px}.par{font-size:14px}.no-related-words{display:none}.radical-heading{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}.radical-heading h2{font-family:toppan-bunkyu-gothic-pr6n,Noto Serif,sans-serif}.related-section h2{margin-top:5px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px}
