.progress.svelte-1u5wvmy.svelte-1u5wvmy{position:absolute;top:10px;right:10px;z-index:2;display:flex;flex-direction:row;gap:5px}.progress.svelte-1u5wvmy .level.svelte-1u5wvmy,.progress.svelte-1u5wvmy .suspended.svelte-1u5wvmy,.progress.svelte-1u5wvmy .known.svelte-1u5wvmy{border-radius:5px;width:30px;height:30px;display:flex;justify-content:center;align-items:center;background:var(--green700);color:var(--always-white);font-weight:700;font-size:var(--text-sm);line-height:var(--height-sm)}.kanji_animation_wrapper{margin-bottom:35px}@keyframes svelte-1u5wvmy-zk{to{stroke-dashoffset:0}}.title.svelte-1u5wvmy.svelte-1u5wvmy{white-space:nowrap;font-size:var(--text-2xl);line-height:var(--height-2xl);font-weight:700;margin-bottom:.5rem}.mb.svelte-1u5wvmy.svelte-1u5wvmy{margin-bottom:.125rem}.top-wrapper.svelte-1u5wvmy.svelte-1u5wvmy{display:grid;grid-template-columns:.8fr 1fr;grid-template-areas:"a b" "c d" "e f" "g g" "h h";justify-content:flex-start;align-items:flex-start;gap:2rem;width:100%;flex-wrap:wrap;margin:0 auto;max-width:1300px;padding-bottom:40px}.top-wrapper.svelte-1u5wvmy .primary-actions-wrapper.svelte-1u5wvmy{display:flex;flex-direction:row;position:relative;grid-area:a}.top-wrapper.svelte-1u5wvmy .primary-actions-wrapper.svelte-1u5wvmy .actions{display:none;position:absolute}.top-wrapper.svelte-1u5wvmy .elements-block.svelte-1u5wvmy{grid-area:c}.top-wrapper.svelte-1u5wvmy .story-actions-wrapper.svelte-1u5wvmy{grid-area:b}.top-wrapper.svelte-1u5wvmy .reading-stories-wrapper.svelte-1u5wvmy{display:flex;flex-direction:column;gap:20px;grid-area:d}.top-wrapper.svelte-1u5wvmy .used-in-wrapper.svelte-1u5wvmy{grid-area:e}.top-wrapper.svelte-1u5wvmy .used-in-wrapper.svelte-1u5wvmy .related{margin-top:0}.top-wrapper.svelte-1u5wvmy .stroke-wrapper.svelte-1u5wvmy{grid-area:f}.top-wrapper.svelte-1u5wvmy .stats-wrapper.svelte-1u5wvmy{grid-area:h}.top-wrapper.svelte-1u5wvmy .examples-wrapper.svelte-1u5wvmy{grid-area:g}.top-wrapper.svelte-1u5wvmy .story-actions-wrapper.svelte-1u5wvmy{display:flex;position:relative;height:fit-content;flex-direction:column}.top-wrapper.svelte-1u5wvmy .story-actions-wrapper.svelte-1u5wvmy .actions{position:absolute}.primary-wrapper.svelte-1u5wvmy.svelte-1u5wvmy{display:flex;width:100%;flex-direction:row}.primary-wrapper.svelte-1u5wvmy .kanji-card.svelte-1u5wvmy{display:flex;position:relative;min-width:300px;padding:2rem 3.5rem;margin-right:3rem;background:var(--green);max-width:20rem;border-radius:.75rem;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.primary-wrapper.svelte-1u5wvmy .kanji-card .kanji.svelte-1u5wvmy{font-size:var(--text-8xl);line-height:var(--height-8xl);color:#fff}.primary-wrapper.svelte-1u5wvmy .kanji-card .primary-reading.svelte-1u5wvmy{font-size:var(--text-4xl);line-height:var(--height-4xl);color:var(--green300);padding:1.25rem .5rem .5rem}.primary-wrapper.svelte-1u5wvmy .kanji-card .primary-meaning.svelte-1u5wvmy{font-weight:700;text-transform:capitalize;word-break:break-word;font-size:var(--text-4xl);line-height:var(--height-4xl);color:#fff;padding-left:.5rem;padding-right:.5rem}.primary-wrapper.svelte-1u5wvmy .primary-block.svelte-1u5wvmy{gap:20px;display:flex;flex-direction:column}.primary-wrapper.svelte-1u5wvmy .primary-block .info .text.svelte-1u5wvmy{text-transform:capitalize}.primary-wrapper.svelte-1u5wvmy .primary-block .header-wrapper.svelte-1u5wvmy{display:flex;gap:20px;flex-direction:row;align-items:center}.primary-wrapper.svelte-1u5wvmy .primary-block h3.svelte-1u5wvmy{margin-right:20px;margin-bottom:0}.primary-wrapper.svelte-1u5wvmy .primary-block .tags.svelte-1u5wvmy{display:flex;flex-direction:row;gap:10px}.primary-wrapper.svelte-1u5wvmy .primary-block .tags.svelte-1u5wvmy .tag{padding:5px 10px;border-radius:8px}.see-more.svelte-1u5wvmy.svelte-1u5wvmy{color:var(--blue)}.kanji.svelte-1u5wvmy.svelte-1u5wvmy{color:var(--green)}@media only screen and (max-width: 1200px){.top-wrapper.svelte-1u5wvmy.svelte-1u5wvmy{column-gap:1rem}.top-wrapper.svelte-1u5wvmy .kanji-card.svelte-1u5wvmy{margin-right:20px!important}}@media only screen and (max-width: 1000px){.top-wrapper.svelte-1u5wvmy.svelte-1u5wvmy{grid-template-columns:minmax(100%,auto)!important;grid-template-areas:"a" "b" "d" "c" "e" "f" "g" "h"}.top-wrapper.svelte-1u5wvmy .primary-actions-wrapper.svelte-1u5wvmy{position:relative}.top-wrapper.svelte-1u5wvmy .primary-actions-wrapper.svelte-1u5wvmy .actions{position:absolute;display:flex!important}.top-wrapper.svelte-1u5wvmy .story-actions-wrapper.svelte-1u5wvmy .actions{display:none}}@media only screen and (max-width: 800px){.kanji-card.svelte-1u5wvmy.svelte-1u5wvmy{margin-right:20px!important}}@media only screen and (max-width: 700px){.top-wrapper.svelte-1u5wvmy.svelte-1u5wvmy{margin-top:20px}.top-wrapper.svelte-1u5wvmy .primary-actions-wrapper .primary-wrapper.svelte-1u5wvmy{margin:0 auto;align-items:center;flex-direction:column;gap:20px}.top-wrapper.svelte-1u5wvmy .primary-actions-wrapper .primary-wrapper .kanji-card.svelte-1u5wvmy{margin-right:0!important}.top-wrapper.svelte-1u5wvmy .primary-actions-wrapper .primary-wrapper .primary-block.svelte-1u5wvmy{width:100%;text-align:center}.top-wrapper.svelte-1u5wvmy .primary-actions-wrapper .primary-wrapper .primary-block .header-wrapper.svelte-1u5wvmy{display:none}.top-wrapper.svelte-1u5wvmy .primary-actions-wrapper .primary-wrapper .primary-block .info .text.svelte-1u5wvmy{font-size:var(--text-xl)}}@media only screen and (max-width: 520px){.top-wrapper.svelte-1u5wvmy.svelte-1u5wvmy{margin-top:20px;width:100%;max-width:100%}.top-wrapper.svelte-1u5wvmy .primary-actions-wrapper.svelte-1u5wvmy{width:100%;max-width:100%}.top-wrapper.svelte-1u5wvmy .primary-actions-wrapper.svelte-1u5wvmy .actions{margin-top:-40px}.top-wrapper.svelte-1u5wvmy .primary-actions-wrapper.svelte-1u5wvmy .primary-wrapper .kanji-card{width:100%;min-width:unset}.top-wrapper.svelte-1u5wvmy .examples-wrapper.svelte-1u5wvmy .sentences .example-sentence-wrapper .example-sentence{min-width:unset}}