:root{--writing-kanji-mnemonic-pill-size:42px;--writing-kanji-mnemonic-font-size:var(--14px)}#writing-kanji-svg-host{z-index:var(--z-index-writing-kanji-svg-layer);width:100%;min-width:100%;height:100%;min-height:100%;position:relative}#writing-kanji-svg-host svg{z-index:var(--z-index-writing-kanji-svg-layer);width:100%;height:100%;display:block}.writing-kanji-modal{touch-action:none;position:relative}.writing-kanji-header{margin-bottom:2rem}.writing-kanji-mnemonic-btn[hidden]{display:none}.writing-kanji-mnemonic-btn{font:inherit;font-size:var(--writing-kanji-mnemonic-font-size);color:var(--color-light-theme-accent);border:var(--border-thin-accent-light-theme);border-radius:var(--border-radius-medium);cursor:pointer;appearance:none;touch-action:manipulation;background:0 0;justify-content:center;align-items:center;gap:.55em;padding:.45em 1em;font-weight:600;display:flex}.dark-mode .writing-kanji-mnemonic-btn{color:var(--modal-button-color-dark);border:var(--border-thin-dark-theme)}.writing-kanji-mnemonic-pill.kanji-pill{width:100%;min-width:0;height:32px;min-height:32px;color:var(--modal-button-color-light);background-color:var(--color-light-theme-surface);border:none;flex:none;padding:0}.dark-mode .writing-kanji-mnemonic-pill.kanji-pill{background:var(--color-dark-theme-background-base);border:none}.dark-mode .writing-kanji-mnemonic-pill .kanji-pill-glyph{color:var(--modal-button-color-dark)}.writing-kanji-mnemonic-pill .kanji-pill-glyph{font-size:calc(var(--writing-kanji-mnemonic-pill-size) * .52);color:var(--color-light-theme-accent)}.writing-kanji-mnemonic-btn .writing-kanji-mnemonic-pill.kanji-pill{pointer-events:none;background:0 0}.writing-kanji-mnemonic-text{white-space:nowrap;min-width:0;line-height:1.2}.writing-kanji-mnemonic-btn:focus-visible{outline:2px solid var(--color-light-theme-accent);outline-offset:2px}.dark-mode .writing-kanji-mnemonic-btn:focus-visible{outline-color:var(--color-dark-theme-accent)}.writing-kanji-mnemonic-btn:active{background:#0000000f}.dark-mode .writing-kanji-mnemonic-btn:active{background:#ffffff14}@media (hover:hover){.writing-kanji-mnemonic-btn:hover{background:#0000000d}.dark-mode .writing-kanji-mnemonic-btn:hover{background:#ffffff0f}}@media (width<=768px) and (orientation:portrait){:root{--writing-kanji-mnemonic-pill-size:38px;--writing-kanji-mnemonic-font-size:var(--13px)}}@media (height<=768px) and (orientation:landscape){:root{--writing-kanji-mnemonic-pill-size:44px;--writing-kanji-mnemonic-font-size:var(--12px)}}