:root{--background:#fff;--border:#000;--text:#000;--deemphasized-1:#3a3a3ad7;--deemphasized-2:#333;--checkbox-radius:50px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-content:center;align-items:"center";color:#000;color:var(--text);display:"flex";flex-direction:"column";font-family:DM Sans,sans-serif,-apple-system;justify-content:"space-between";margin:0 0 90px}body,input{background-color:#fff;background-color:var(--background)}p{margin:0}.title,p{color:#000;color:var(--text)}input[type=checkbox]{aspect-ratio:1/1;border:1px solid #000;border:1px solid var(--border);height:20px}input [type=checkbox] :disabled{border:1px solid #3a3a3ad7;border:1px solid var(--deemphasized-1)}h2{margin:0}li{align-items:center;display:flex}input{border:1px solid #3a3a3ad7;border:1px solid var(--deemphasized-1);border-radius:10px;box-sizing:border-box;height:36px;padding-left:10px}button{background-color:#fff;background-color:var(--background);border:1px solid #000;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-family:DM Sans,sans-serif,-apple-system;font-size:18px;font-weight:500;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:5px 10px}.right-arrow,.right-arrow-modal,button{color:#333;color:var(--deemphasized-2)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:any-link{color:inherit;text-decoration:none}.header{align-items:center;background-color:#fff;background-color:var(--background);display:flex;font-family:DM Sans,sans-serif;justify-content:space-between;padding:15px 15px 10px}.header-wrapper{position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.footer{align-items:flex-start;color:#333;color:var(--deemphasized-2);display:flex;flex-direction:row;justify-content:space-between;margin-left:20px;margin-right:20px;margin-top:10px}.footer-wrapper{background-color:#fff;background-color:var(--background);border-top:1.9px solid #000;border-top:1.9px solid var(--border);bottom:0;padding-bottom:25px;position:fixed;width:100%;z-index:10}.deck-card{border:1px solid #333;border:1px solid var(--deemphasized-2);position:relative}.title-bar{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}.info-icon{color:#000;color:var(--text);margin-right:5px;position:relative}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.deck-card.shaking{animation:shake .5s ease-in-out}.delete-icon{position:absolute;right:5px;top:5px;z-index:10}.delete-icon,.word-card{color:#000;color:var(--text)}.word-card{align-items:center;border-color:#333;border-color:var(--deemphasized-2);border-top-style:solid;border-top-width:1px;box-sizing:border-box;display:flex;flex-direction:row;height:52px;justify-content:space-between;padding:13px 10px 15px;width:100%}.selected{background-color:#e0e0e0}.character{color:#000;color:var(--text);font-family:DM Sans,sans-serif;font-size:32px;font-weight:500;line-height:69%}.try-again-container{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.try-again-text{justify-self:center;text-align:center}.my-words{font-size:24px;font-weight:500;line-height:69%}.meaning,.my-words{color:#000;color:var(--text);font-family:DM Sans,sans-serif}.meaning{display:flex;flex-direction:column;font-size:20px;font-weight:400;height:100%;justify-content:flex-end;line-height:110%;overflow:hidden;text-align:right}.search-bar-wrapper{height:-webkit-max-content;height:max-content;padding:5px;position:absolute}.search-bar,.search-bar-wrapper{background-color:#fff;background-color:var(--background);box-sizing:border-box;max-width:500px;width:100%}.search-bar{border:1px solid #000;border:1px solid var(--border);border-radius:10px;color:#333;color:var(--deemphasized-2);height:36px;margin-bottom:10px;padding-left:10px}.AddToDeckButton{flex-shrink:0}.toggle-button{background-color:#fff;background-color:var(--background);border:2px solid #333;border:2px solid var(--deemphasized-2);border-radius:50%;cursor:pointer;height:20px;transition:background-color .3s;width:20px}.toggle-button.active{background-color:#333;background-color:var(--deemphasized-2)}.loading-bar-container{width:99%}.loading-bar-outer{background-color:#fff;background-color:var(--background);border:1px solid #000;border-color:var(--border);border-radius:5px;height:5px;overflow:hidden}.loading-bar{background-color:#333;background-color:var(--deemphasized-2);height:100%;transition:width .3s ease}.loading-bar-text{padding-bottom:.5rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--background);color:var(--background);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{-webkit-touch-callout:none;-webkit-user-drag:none;-ms-overflow-style:none;scrollbar-width:none;-webkit-user-select:none;-o-user-select:none;user-select:none}body::-webkit-scrollbar{display:none}.save-kanji{bottom:0}.clear-kanji,.save-kanji{height:50px;position:absolute;right:0;width:50px}.clear-kanji{top:0}.view-kanji{left:0}.check-kanji,.view-kanji{bottom:0;height:50px;position:absolute;width:50px}.check-kanji{right:0}.interpolate-kanji{left:0;margin:10px;position:absolute;top:0}.kanji-input-typed{border:1px solid var(--deemphasized-1);border-radius:10px;font-size:20px;height:35px;margin-top:5px;max-width:500px;padding-left:10px;width:100%}.kanji-input-prompt{font-size:20px;font-weight:400}.canvas{border:1px solid var(--border);max-width:500px;position:relative;width:100%;z-index:2}.canvas,.canvas-color{align-items:center;aspect-ratio:1/1;border-radius:10px;display:flex;justify-content:center;margin-bottom:10px;margin-top:10px}.canvas-color{position:absolute;transition:all .2s ease;width:98%;z-index:-1}.kanji-input-wrapper{display:flex;flex-direction:column;margin-bottom:5px;margin-top:30px;width:calc(100% - 10px)}.home-stats{align-items:center;align-self:center;background-color:var(--background);height:20vh;width:100%}.home-page,.home-stats{display:flex;justify-content:center}.home-page{align-content:center;flex-direction:column;gap:20px;position:relative}.home-greeting{align-self:flex-start;font-weight:500;margin-top:10px}.deck-prompt{align-items:center;align-self:center;flex-direction:row;gap:13px;height:110px;justify-content:center;max-width:357px}.deck-prompt,.word-group{box-sizing:border-box;display:flex}.word-group{align-items:flex-start;flex-direction:column;gap:10px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:flex-start}.continue-prompt{font-family:DM Sans,sans-serif;font-size:20px;font-weight:500;line-height:110%}.deck-name-prompt{display:flex;flex-direction:column;font-family:DM Sans,sans-serif;font-size:18px;font-weight:400;justify-content:center;line-height:122%}.image-wrapper{aspect-ratio:1/1;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid var(--border);border-radius:10px;width:125px}.addButton{cursor:pointer}.deck-list-container{display:flex;flex-direction:column;gap:20px}.deck-landing{align-content:center;display:flex;flex-direction:column;justify-content:center;position:relative}.deck-card{align-items:flex-start;border:1px solid var(--border);border-radius:10px;flex-direction:column;justify-content:flex-start}.deck-card,.deck-select-card{box-sizing:border-box;cursor:pointer;display:flex;width:100%}.deck-select-card{align-items:center;border-top:1px solid var(--border);gap:10px;justify-content:space-between;padding:10px}.deck-select-name{font-size:large}@media (min-width:700px){.deck-card{width:49%}.deck-list{justify-content:space-between}.deck-prompt{align-self:flex-start;margin-left:10px}}@media (min-width:960px){.deck-card{max-width:32%;min-width:0;min-width:auto}}.cover-image{border-bottom:1px solid var(--border);border-top-left-radius:10px;border-top-right-radius:10px;padding-top:30.25%;width:100%}.cover-image,.page-cover-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.page-cover-image{border:1px solid var(--border);border-radius:10px;box-sizing:border-box;height:150px;max-width:500px;z-index:5}.title{font-family:DM Sans,sans-serif;font-size:20px;font-weight:400;margin-bottom:5px;margin-left:10px;margin-top:5px}.deck-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}.hiragana{color:var(--text);font-family:DM Sans,sans-serif;font-size:20px;font-weight:500;line-height:110%}.settingsButton{color:var(--deemphasized-2);height:20px;margin:5px;width:20px}.word-list{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;max-width:500px;overflow-y:auto}.fiber-_manual-_record,.word-list{height:100%;width:100%}.home{color:var(--text);display:flex;flex-direction:column;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;justify-content:center;line-height:183%;text-align:center}.selected{color:red}.icon-1{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:row;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bookmarks{height:100%;width:100%}.decks{display:flex;flex-direction:column;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;justify-content:center;line-height:183%;text-align:center}.icon-2{box-sizing:border-box;height:100%;position:relative;width:78.24px}.book{height:32.32px;left:7.12px;position:absolute;top:0;width:64px}.dictionary{bottom:3.1%;color:var(--deemphasized-2);font-size:12px;font-weight:500;left:11.9%;line-height:183%;position:absolute;right:11.9%;top:56.86%}.dictionary,.zenji{display:flex;flex-direction:column;font-family:DM Sans,sans-serif;justify-content:center;text-align:center}.zenji{color:var(--text);font-size:24px;font-weight:400;line-height:92%}.vector{height:100%;width:23px}.icon{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;width:60px}.icon-styling{color:var(--deemphasized-1);height:20px;width:100%}.footer-text{flex-direction:column;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;line-height:183%;text-align:center}.footer-text,.wide-modal{display:flex;justify-content:center}.wide-modal{align-items:center;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:20}.wide-modal-content{align-self:flex-start;background-color:var(--background);border-top:1px solid var(--border);border-top-left-radius:20px;border-top-right-radius:20px;bottom:0;box-shadow:0 1px 2px 1px #0003;box-sizing:border-box;height:90vh;max-width:500px;overflow-y:auto;padding:20px;position:fixed;transition:opacity .3s ease-out,bottom .3s ease-out;width:100%;z-index:30}.wide-modal-close{position:absolute;right:20px;top:20px}.modal{align-items:center;display:flex;justify-content:center;z-index:20}.modal,.modal-background{height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%}.modal-background{background-color:#0006;z-index:15}.modal-content{align-self:center;background-color:var(--background);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px 1px #0003;margin:25% auto 50%;max-height:70%;max-width:300px;overflow-y:auto;padding:25px 25px 30px;position:relative;width:-webkit-max-content;width:max-content;z-index:30}.modal-title{font-size:20px;font-weight:500;height:3%;margin-bottom:20px;text-align:center}.modal-close{position:absolute;right:10px;top:10px}.add-word-list{max-height:50vh;overflow:auto;padding:initial}.close{color:var(--deemphasized-2);float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:var(--text);cursor:pointer;text-decoration:none}.error-message{box-sizing:border-box;font-size:large;margin:20px}.deck-header{justify-content:space-between;margin-bottom:10px}.deck-header,.deck-title-back{align-items:center;display:flex}.deck-title-back{gap:10px}.deck-header-wrapper{background-color:var(--background);max-width:500px;padding-bottom:10px;padding-top:10px;position:-webkit-sticky;position:sticky;top:54px;z-index:10}.deck-title{font-size:24px;font-weight:500}.deck-title-input{margin-bottom:20px}.deck-title-input label{margin-right:10px}.deck-title-input input{background-color:var(--background);border:1px solid var(--border);border-radius:10px;box-sizing:border-box;color:var(--deemphasized-2);height:36px;margin:auto;padding:5px 5px 5px 10px;width:80%}.not-found{align-self:center;color:#777;display:flex;justify-content:center;margin:10px}.loading,.loading-page{display:flex;justify-content:center;width:100%}.loading-page{align-items:center;flex-direction:column}@keyframes ldio-wxuczbvq7eh{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.ldio-wxuczbvq7eh div{animation:ldio-wxuczbvq7eh 1s linear infinite;border:3px solid var(--text);border-radius:50%;border-top:3px solid #0000;height:34px;left:100px;position:absolute;top:100px;width:34px}.loadingio-spinner-rolling-kac53ab2szr{background:none;display:inline-block;height:200px;overflow:hidden;width:200px}.ldio-wxuczbvq7eh{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:relative;transform:translateZ(0) scale(1);transform-origin:0 0;width:100%}.ldio-wxuczbvq7eh div{box-sizing:initial}.dictionary-view{gap:20px;padding-top:10px}.dictionary-view,.single-word-view{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-start;position:relative;width:100%}.single-word-view{transition:all .3s}.word-list{height:auto;max-height:70vh}.character-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;max-width:500px;width:100%}.character-kanji{display:flex;font-size:64px;font-weight:400;gap:30px;margin:0 10px 10px 0}.character-meanings{font-size:28px;font-weight:500;max-height:80px;overflow:hidden;text-align:end}.info{max-height:100vh;max-width:500px;width:100%}.character-info,.info{transition:all .3s ease}.character-info{column-count:2;font-size:20px;font-weight:300;gap:50px;justify-content:space-between;padding-bottom:20px}.info-hidden{margin-bottom:0!important;max-height:0;opacity:0;padding-bottom:0;transition:all .3s ease}.mastery-desc{border-top:1.5px solid var(--border);font-size:20px;max-width:500px;padding-top:10px;width:100%}.character-info-button{border-radius:10px;color:var(--deemphasized-1);display:flex;gap:5px;justify-content:flex-end;margin:10px 0;max-width:500px;width:-webkit-fill-available}.login-page{align-items:center;display:flex;flex-direction:column;height:80vh;justify-content:center}.login-prompt{padding-bottom:1rem;text-align:center;width:250px}label{color:var(--deemphasized-1);font-size:16px}.form-group{display:flex;flex-direction:column;gap:1rem;max-width:20rem;min-width:10rem;padding:2rem}.check-group{align-items:center;display:flex;justify-content:center}.input-group{display:flex;flex-direction:column}.submit-row{display:flex;flex-direction:row;justify-content:space-between}.login-error{color:red;font-weight:300}.settings-page{align-content:center;gap:20px;justify-content:space-between}.settings-block,.settings-page{display:flex;flex-direction:column;position:relative}.settings-block{align-items:flex-start;box-sizing:border-box;gap:5px;justify-content:flex-start;width:100%}.settings-title{font-family:DM Sans,sans-serif;font-size:24px;font-weight:500;margin-bottom:20px}.settings-list{display:flex;flex-direction:column;width:100%}.settings-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;margin-left:20px;margin-right:15px}.right-arrow{cursor:pointer}.input-label{font-size:15px;margin-bottom:5px;text-align:left;width:100%}.input-icon-container{align-items:center;display:flex;width:100%}.input-icon-container input{box-sizing:border-box;width:calc(100% - 24px)}.right-arrow-modal{cursor:pointer;margin-left:10px;width:24px}.grade-info{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:20px;overflow-x:scroll;transition:all .3s ease}.feedback-container{-ms-overflow-style:none;align-items:flex-start;display:flex;flex-direction:row;gap:1rem;overflow-x:scroll;position:relative;scroll-snap-stop:always;scroll-snap-type:x mandatory;scrollbar-width:none;z-index:5}.feedback-container::-webkit-scrollbar{display:none}.feedback{align-items:center;justify-content:center;margin-bottom:10px;margin-left:1rem;min-width:100%}.feedback,.feedback-box-strokes{display:flex;flex-direction:column;overflow:wrap}.feedback-box-strokes{border-radius:10px;min-width:calc(99% - 2rem);padding:1rem;scroll-snap-align:start}.feedback-header{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:100%;overflow:wrap}.grade-info-button{border-radius:10px;color:var(--deemphasized-1);display:flex;gap:5px;justify-content:flex-end;margin:10px 0;width:-webkit-fill-available}.score-overview{display:flex;flex-direction:column;justify-content:space-between;margin:10px}.your-score{font-size:18px}.feedback-word{font-size:18px;font-weight:500}.feedback-box{border-radius:10px;display:flex;flex-direction:column;min-width:calc(99% - 2rem);overflow:wrap;padding:0 1rem;scroll-snap-align:start}.feedback-detail{border-bottom:1.5px solid var(--border)}.grade-circle{align-items:center;aspect-ratio:1/1;border:1px solid var(--border);border-radius:50%;color:#333;display:flex;font-size:30px;font-weight:500;justify-content:center;margin:10px;width:70px}.feedback-text{margin-left:10px;padding-bottom:20px}.page-dots-container{display:flex;gap:10px;height:15px;justify-content:center;width:100%}.page-dot-active{background-color:#282829bf;border-radius:5px;height:5px}.page-dot-inactive{background-color:#8c8cf180;border-radius:5px;height:5px}.learn-card{align-items:center;border:1px solid #ccc;border-radius:10px;display:flex;flex-direction:column;max-height:80vh;max-width:70vw;overflow:auto}.session-complete{font-size:24px;font-weight:500;margin-bottom:10px;margin-top:10px}.session-buttons{align-items:center;display:flex;gap:10px;justify-content:center}.session-info-header{font-size:24px}.session-info{font-size:large;margin-bottom:20px;margin-left:10px}.session-info,.session-recap{display:flex;flex-direction:column;gap:10px}.learn-card-title{font-size:18px;font-weight:700;margin-bottom:10px}.learn-deck-prompt{align-items:center;color:var(--deemphasized-2);cursor:pointer;display:flex;flex-direction:row;gap:10px;justify-content:end;margin-top:10px}.learn-container{display:flex;flex-direction:column;gap:20px;height:94%}.learn-card-nav-row{background-color:var(--background);box-sizing:border-box;display:flex;justify-content:space-between;max-width:500px;padding:10px;width:100%}.learn-card-nav-left,.learn-card-nav-right{align-items:center;aspect-ratio:1/1;border:1px solid var(--border);border-radius:50%;cursor:pointer;display:flex;justify-content:center;margin:5px}.learn-card-nav-left:hover,.learn-card-nav-right:hover{background-color:#ccc}.learn-cards-container{width:100%}.draw-review,.learn-cards-container{display:flex;flex-direction:column}.character-prompt{align-self:center;font-size:24px;margin-bottom:10px}.reading-prompt{align-items:center;align-self:center;display:flex;font-size:20px;justify-content:space-evenly;margin-bottom:20px;width:80%}
/*# sourceMappingURL=main.98492418.css.map*/