.compare-icon.svelte-1hvoefe{background:var(--light-gray);border-radius:50%;padding:5px;margin-left:auto}.compare-kanji.svelte-1hvoefe{display:flex;flex-direction:row;gap:20px;align-items:center}.compare-kanji.svelte-1hvoefe .comp:where(.svelte-1hvoefe){font-size:var(--text-sm);line-height:var(--height-sm);color:var(--medium-gray);font-weight:500;color:#fff}.compare-kanji.svelte-1hvoefe .tooltip-kanji:where(.svelte-1hvoefe){font-size:var(--text-3xl);line-height:var(--height-3xl);color:#fff}@keyframes svelte-1hvoefe-slideFromLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.block.svelte-1hvoefe{display:flex;flex-direction:row;border-radius:15px;margin:.5rem;width:fit-content}.block.compare.svelte-1hvoefe{width:100%;max-width:200px}.block.svelte-1hvoefe{position:relative;justify-content:center;align-items:center}.block.svelte-1hvoefe:hover,.block.show.svelte-1hvoefe{z-index:3}.block.svelte-1hvoefe:hover .attributes:where(.svelte-1hvoefe),.block.show.svelte-1hvoefe .attributes:where(.svelte-1hvoefe){display:flex!important}.main.svelte-1hvoefe{z-index:2;display:flex;border-radius:5px;color:#fff;flex-direction:row;justify-content:center;align-items:center;padding:.25rem .5rem;min-width:60px}.main.kanji.svelte-1hvoefe{background-color:var(--green-transparent)}.main.kanji.svelte-1hvoefe .text:where(.svelte-1hvoefe){color:var(--green)}.main.vocabulary.svelte-1hvoefe{background-color:var(--blue-transparent)}.main.vocabulary.svelte-1hvoefe .text:where(.svelte-1hvoefe){color:var(--blue)}.main.svelte-1hvoefe .text:where(.svelte-1hvoefe){white-space:nowrap;font-size:var(--text-lg);line-height:var(--height-lg);font-weight:600}.show.svelte-1hvoefe .attributes:where(.svelte-1hvoefe){animation:none}.attributes.svelte-1hvoefe{z-index:1;pointer-events:none;display:flex;flex-direction:column;gap:5px;padding-left:10px;border-top-right-radius:15px;border-bottom-right-radius:15px}.show.svelte-1hvoefe .attributes:where(.svelte-1hvoefe){position:unset;margin-left:-25px;padding-left:40px;animation:none}.reading.svelte-1hvoefe{color:var(--dark-gray);font-weight:500;font-size:var(--text-base);line-height:var(--height-base);white-space:nowrap}.meaning.svelte-1hvoefe{color:var(--dark-gray);white-space:nowrap;font-size:var(--text-base);line-height:var(--height-base);text-transform:capitalize;overflow:hidden;max-width:150px;text-overflow:ellipsis}