@font-face{font-family:Phorssa;src:url(../../static/media/Phorssa.e1771bae.ttf)}:root{--color-black:#000;--color-gray:#828282;--color-dark:#444;--color-white:#f2f2f2;--color-yellow:#ff0;--saved-words-width:400px;--time-to-meaning:300ms}body{margin:5% auto;background:#f2f2f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.8;max-width:73%;overflow-x:scroll}a,body{color:#444;color:var(--color-dark)}a{border-bottom:1px solid #444;border-bottom:1px solid var(--color-dark);text-decoration:none}.hr{height:1px;color:#bfbfbf;background-color:#bfbfbf;border:none}.flex-container{display:flex;flex-wrap:nowrap}.horizontal-fit{justify-content:space-between}input{flex:2 1}.hover .hover--on,.hover:hover .hover--off{display:none}.hover:hover .hover--on{display:inline}.already-saved{background-color:#ff0;background-color:var(--color-yellow)}.not-saved-fresh{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:none;-webkit-animation-fill-mode:initial;animation-fill-mode:none}.not-saved,.not-saved-fresh{-webkit-animation-name:remove-highlight;animation-name:remove-highlight}.not-saved{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-fill-mode:none;-webkit-animation-fill-mode:initial;animation-fill-mode:none}.not-saved-add-highlight{-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-duration:calc(var(--time-to-meaning) + .3s);animation-duration:calc(var(--time-to-meaning) + .3s);-webkit-animation-name:add-highlight;animation-name:add-highlight;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;background-color:#ff0;background-color:var(--color-yellow)}.meaning-preview,.meaning-preview:after{-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-delay:var(--time-to-meaning);animation-delay:var(--time-to-meaning);-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--iterations,1);animation-iteration-count:var(--iterations,1);-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}.meaning-preview{--animation-delay:var(--delay,0);--animation-duration:var(--duration,800ms);--animation-iterations:var(--iterations,1);position:relative;font-size:32px;-webkit-animation-name:clip-text;animation-name:clip-text;color:#828282;color:var(--color-gray);font-style:italic;white-space:nowrap;max-width:0;overflow:hidden;display:inline-block;vertical-align:top}@-webkit-keyframes clip-text{0%{max-width:0}to{max-width:100%}}@keyframes clip-text{0%{max-width:0}to{max-width:100%}}.game-text{margin-top:40px}.game-word{cursor:help;pointer-events:all;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:disable-pointer;animation-name:disable-pointer;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tooltip-button{cursor:pointer}.tooltip{position:relative;display:inline-block}.tooltip .tooltiptext{font-size:16px;width:150px;background-color:#000;background-color:var(--color-black);color:#f2f2f2;color:var(--color-white);text-align:center;text-decoration:none;padding:5px 0;border-radius:6px;position:absolute;z-index:1;bottom:90%;left:50%;margin-left:-75px}.tooltip .tooltiptext:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top:5px solid var(--color-black)}.btn-primary,.btn-primary:hover{padding:12px;border-radius:4px;background-color:#000;background-color:var(--color-black);text-align:center;color:#f2f2f2;color:var(--color-white);font-size:16px;font-weight:700;border:0}.btn-primary:hover{box-shadow:0 2px 8px 0 rgba(0,0,0,.3)}.btn-primary:active{padding:12px;border-radius:4px;background-color:#000;background-color:var(--color-black);border:0}.meaning-hover{background-color:#ff0;background-color:var(--color-yellow)}@-webkit-keyframes add-highlight{0%{background-color:transparent}to{background-color:#ff0;background-color:var(--color-yellow)}}@keyframes add-highlight{0%{background-color:transparent}to{background-color:#ff0;background-color:var(--color-yellow)}}@-webkit-keyframes disable-pointer{0%{pointer-events:none}to{pointer-events:none}}@keyframes disable-pointer{0%{pointer-events:none}to{pointer-events:none}}@-webkit-keyframes remove-highlight{0%{background-color:#ff0;background-color:var(--color-yellow)}to{background-color:transparent}}@keyframes remove-highlight{0%{background-color:#ff0;background-color:var(--color-yellow)}to{background-color:transparent}}.illustration-enter.illustration-enter-active{opacity:1;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.illustration-exit{opacity:1}.illustration-exit.illustration-exit-active{opacity:.01;-webkit-transition:opacity .4s ease-in;transition:opacity .4s ease-in}.illustration-enter{opacity:.01}.start-over{top:30px;padding:12px;cursor:pointer}.saved-words-container{position:absolute;top:0;right:0;display:inline}.saved-words-list{width:400px;width:var(--saved-words-width);box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}.saved-words-enter,.saved-words-list{height:100%;position:fixed;z-index:1;top:0;right:0;overflow-x:hidden;overflow-y:scroll;padding-top:60px;padding-left:24px;background-color:#fff}.saved-words-enter{width:0}.saved-words-enter.saved-words-enter-active{width:400px;width:var(--saved-words-width);-webkit-transition:width .5s ease-in;transition:width .5s ease-in}.saved-words-exit{width:400px;width:var(--saved-words-width)}.saved-words-exit.saved-words-exit-active{width:0;-webkit-transition:width .5s ease-in;transition:width .5s ease-in}.saved-words-open-btn{position:absolute;top:30px;right:80px;width:200px;background-color:#000}.saved-words-open-btn,.saved-words-open-btn:hover{padding:12px;border-radius:4px;text-align:center;color:#fff;font-size:16px;font-weight:700;border:0;cursor:pointer}.saved-words-open-btn:hover{Float:right;background-color:#444;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}.saved-words-close-btn{position:absolute;top:0;right:25px;font-size:36px;margin-left:50px}circle,image,rect{mix-blend-mode:multiply!important;background-blend-mode:multiply!important}.btn-secondary,.btn-secondary:hover{padding:12px;border-radius:4px;background-color:#fff;text-align:center;color:#333;font-size:16px;font-weight:700;border:1px solid #bfbfbf;cursor:pointer}.saved-words-title{font-size:24px}.saved-words-title,.saved-words-word{font-weight:700;color:#444;text-decoration:none}.saved-words-word{-webkit-margin-before:0;margin-block-start:0;background-color:#ff0}.saved-words-description,.saved-words-word{display:block;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;font-size:16px}.saved-words-description{font-weight:700;font-style:italic;color:#828282;text-decoration:none}.dictionary-element{display:flex;flex-wrap:nowrap;margin-left:0;flex-direction:row;justify-content:space-between}.dictionary-element-edit{flex-grow:1}.dictionary-block{width:100%;padding:20px}.progress-meanings[value]::-webkit-progress-value{background-color:#ff0;background-color:var(--color-yellow)}.progress-meanings{position:fixed;top:0;left:0;width:100%;height:20px;margin:0;border-style:none;z-index:10}.progress-meanings>span{display:block;height:100%;position:relative;overflow:hidden;background-color:#ff0;background-color:var(--color-yellow);-webkit-transition:width .5s;transition:width .5s}.progress-written{display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-weight:700;vertical-align:middle}.progress-meanings:hover .progress-written{display:inline}.loading{text-align:center}.loading,.modal{position:fixed;width:100%;height:100%;top:0;left:0}.modal{padding-top:50px;z-index:10;background-color:#000;background-color:rgba(0,0,0,.5)}.modal-content{position:relative;background-color:#fff;padding:20px;margin:auto;width:75%;-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.close-btn{float:right;color:#d3d3d3;font-size:24px;font-weight:700}.close-btn:hover{color:#a9a9a9}@-webkit-keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-300px;opacity:0}to{top:0;opacity:1}}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}
/*# sourceMappingURL=main.0e5a972f.chunk.css.map */