@font-face{font-family:"Open Dyslexic";src:url(/static/media/opendyslexic-regular-webfont.7c733f78.woff2) format("woff2"),url(/static/media/opendyslexic-regular-webfont.5d248229.woff) format("woff"),url(/static/media/OpenDyslexic-Regular.d9b06c5f.otf) format("otf");font-weight:400;font-style:normal;font-display:swap}:root{--fs-xsmall:calc(15.53846px + 0.15385vw);--fs-small:calc(17.07692px + 0.30769vw);--fs-medium:calc(22.15385px + 0.61538vw);--fs-large:calc(32.76923px + 1.07692vw);--padding-sides:2vw;--clr-main:#5286f4;--clr-main-dark:#497ff3;--clr-main-light:#6693f5}.flex{display:flex}.center{justify-content:center;align-items:center}.column{flex-direction:column}.f1{flex:1 1}.wrap{flex-wrap:wrap}*{margin:0;padding:0;box-sizing:border-box}.letters-buttons{grid-gap:1rem;gap:1rem;flex-wrap:wrap;margin:3vh 0}.loader{margin:5vh auto 0;width:50px;height:50px;border-radius:50%;border:6px solid #5286f4;border:6px solid var(--clr-main);border-left:6px solid transparent;animation:spin 1s infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.popup-container{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000}.background{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.3);z-index:-1}.popup{padding:2rem;background-color:#5286f4;background-color:var(--clr-main);color:#fff;max-height:60vh;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:90vw;align-items:center}.popup:not(.fullscreen){border-radius:8px}.popup.fullscreen{max-width:100vw;max-height:100vh;width:100vw;height:100vh}.popup-letters{background-color:#eee;max-height:90vh}.custom-scroll::-webkit-scrollbar{width:10px}.custom-scroll::-webkit-scrollbar-track{background:#eee}.custom-scroll::-webkit-scrollbar-thumb{background:#888}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#555}.keyboard-base{border-radius:10px;display:grid;grid-template-columns:repeat(30,30px);grid-template-rows:repeat(5,60px);grid-gap:3px;gap:3px}@media screen and (max-width:1100px){.keyboard-base{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:5px;gap:5px}}.change-all-letters button{background:#c4c4c4;border:none;padding:1.2rem 1.6rem;border-radius:6px;margin:3vh 0 0;color:#0f0f0f;font-size:20px;cursor:pointer}.close-btn{align-self:flex-end;margin:0 0 2vh;font-size:30px;cursor:pointer;color:#1b1b1b}.key{grid-column:span 2;display:flex;justify-content:center;align-items:center;color:#000;position:relative;font-size:20px}@media screen and (max-width:1100px){.key{padding:1em}}.key button{cursor:pointer;font-size:20px;display:block;border:none;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;transition:.1s;background:#c4c4c4}@media(min-width:800px){.key button:hover{background-color:#c7c7c7}}.inactive{background-color:#949494;pointer-events:none}@media screen and (max-width:1100px){.inactive{display:none}}.delete{grid-column:span 4}.backslash,.tab{grid-column:span 3}.capslock,.return{grid-column:span 4}.leftshift,.rightshift{grid-column:span 5}.command,.leftctrl{grid-column:span 3}.space{grid-column:span 13}.color-button{cursor:pointer}.color-picker-container,.color-picker-container *{cursor:default}@media(min-width:800px){.App{height:100vh;display:flex;flex-direction:column}}.editor{width:100%;background:#eee;font-size:2rem;caret-color:#000;padding:1rem;outline:none;word-wrap:break-word}.editor .active{background-color:#ff0}.editor .paragraph{margin:0 0 .6em}.DraftEditor-root{width:100%;background:#eee;font-size:2rem;caret-color:#000;outline:none}@media(max-width:900px){.DraftEditor-root{height:100vh}}@media(min-width:800px){.DraftEditor-root{flex:1 1}}.DraftEditor-editorContainer,.public-DraftEditor-content{height:100%!important}.public-DraftEditor-content{padding:5vh 6vw}.public-DraftEditor-content::-webkit-scrollbar{width:10px}.public-DraftEditor-content::-webkit-scrollbar-track{background:#cecece}.public-DraftEditor-content::-webkit-scrollbar-thumb{background:#5286f4;background:var(--clr-main);border-radius:2px}.public-DraftEditor-content::-webkit-scrollbar-thumb:hover{background:#555}.align-right{text-align:right}.align-center{text-align:center}.align-left{text-align:left}.public-DraftStyleDefault-block{margin-bottom:1em}@keyframes loader{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}li{margin-left:2rem}.pictogram{position:absolute;left:0;top:1.25em;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;border-radius:7.5px;box-shadow:0 2.8px 2.2px rgba(0,0,0,.034),0 6.7px 5.3px rgba(0,0,0,.048),0 12.5px 10px rgba(0,0,0,.06);display:flex;flex-direction:column;z-index:100000000000000000}.pictogram img{border-top-left-radius:7.5px;border-top-right-radius:7.5px;max-width:130px;max-height:130px}.pictogram span{text-align:center}.word:hover .pictogram{display:flex}.first-time-container{position:fixed;top:0;left:0;width:100vw;min-height:100vh;max-height:200vh;z-index:10000000;background-color:#5286f4;background-color:var(--clr-main);color:#fff;padding:5vh 5vw;overflow-y:scroll}.first-time-container *{font-family:"OpenDyslexic",sans-serif}.first-time-container .welcome{margin:0 0 3rem;text-align:center}.first-time-container .welcome .title{font-size:calc(30.92308px + 1.69231vw)}.first-time-container .welcome .logo{width:80vw}@media(min-width:800px){.first-time-container .welcome .logo{width:30vw}}.first-time-container .privacy-policy{margin:1rem 0;font-size:1.2rem;display:block;position:relative;padding-left:3rem;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none}.first-time-container .privacy-policy input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.first-time-container .privacy-policy .checkmark{position:absolute;top:50%;left:0;transform:translateY(-50%);height:2rem;width:2rem;background-color:#eee;transition:.25s;display:flex;justify-content:center;align-items:center}.first-time-container .privacy-policy .checkmark:after{content:"";position:absolute;display:none;width:.3rem;height:.6rem;border:solid #fff;border-width:0 3px 3px 0;transform:translateY(-10%) rotate(45deg)}.first-time-container .privacy-policy:hover input~.checkmark{background-color:#ccc}.first-time-container .privacy-policy input:checked~.checkmark{background-color:#1cca24}.first-time-container .privacy-policy input:checked~.checkmark:after{display:block}.first-time-container .tutorial{margin:2rem 0;display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:calc(12.61538px + .46154vw)}.first-time-container .buttons{display:flex;justify-content:center;align-items:center;grid-gap:1.2rem;gap:1.2rem;margin:1rem 0 0}@media(max-width:900px){.first-time-container .buttons{flex-direction:column}}.first-time-container .buttons .btn{border:none;background-color:#fff;color:#26334e;font-size:calc(15.53846px + .15385vw);padding:.6em .9em;cursor:pointer;border-radius:6px;transition:.2s}@media(max-width:900px){.first-time-container .buttons .btn{display:block;width:100%}}.first-time-container .buttons .btn:focus{outline:none;box-shadow:inset 0 0 0 2px #5286f4,0 0 0 3px #26334e;box-shadow:inset 0 0 0 2px var(--clr-main),0 0 0 3px #26334e}.first-time-container .buttons .btn:hover{background-color:#eee}.thanks-popup{overflow-y:scroll;overflow-x:hidden;max-height:90vh}.thanks-popup .link-container{width:clamp(200px,80vw,800px);margin:2vh 0;padding:0 1rem}.thanks-popup a{align-items:center;grid-gap:5px;gap:5px;color:#fff;font-size:20px}.donate-popup{background-color:#eee;color:#121212;overflow-y:scroll;overflow-x:hidden;border-radius:2px!important;max-height:80vh;text-align:center}.donate-popup .buttons{grid-gap:15px;gap:15px}@media(max-width:900px){.donate-popup .buttons{flex-direction:column}}.donate-popup .big-button{padding:2vmax;grid-gap:3vh;gap:3vh}.donate-popup .big-button img{height:16vh}.donate-popup .big-button .button{padding:.5rem .8rem;background:#5286f4;background:var(--clr-main);color:#fff;text-decoration:none;display:block;border-radius:6px;transition:.2s}@media(min-width:800px){.donate-popup .big-button .button:hover{background-color:#6693f5;background-color:var(--clr-main-light)}}.start-screen{color:#fff;text-align:center;display:flex;justify-content:center;align-items:center}@media(max-width:900px){.start-screen *{flex-direction:column}}.start-screen .logo-label{font-size:calc(17.07692px + .30769vw);font-size:var(--fs-small)}.start-screen .logo{width:55vw}@media(min-width:800px){.start-screen .logo{width:45vw}}@media(min-width:1300px){.start-screen .logo{width:30vw}}.start-screen .title{margin:5vh 5vw 0;font-size:calc(13.84615px + 1.38462vw)}.start-screen .button{padding:2rem}@media(min-width:800px){.start-screen .button{margin:2rem}}.start-screen .button p{font-size:calc(17.07692px + .30769vw);font-size:var(--fs-small)}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;background-color:#ccc;display:flex;justify-content:center;align-items:center;z-index:90000}.topbar{background-color:#eee;z-index:100;display:flex;flex-direction:column}@media(min-width:800px){.topbar{position:-webkit-sticky;position:sticky;top:0}}.topbar .content-container{padding:0 2vw;padding:0 var(--padding-sides);display:flex;align-items:center;border-bottom:2px solid #dfdfdf}.topbar .content-container .content{display:flex;width:100%;align-items:center;color:#26334e;flex-wrap:wrap}@media(max-width:900px){.topbar .content-container .content{justify-content:center}}.topbar .item{display:flex;margin:1rem 2rem 1rem 0;text-decoration:none}@media(max-width:900px){.topbar .item{flex-direction:column;align-items:center;margin:.3rem;padding:1rem}}.topbar .icons{grid-gap:1vw;gap:1vw;align-items:center;justify-content:center;flex-direction:row}.topbar .icons svg{cursor:pointer}.topbar .input-group{display:flex;flex-direction:column}.topbar .input-group label{font-size:calc(15.53846px + .15385vw);font-size:var(--fs-xsmall);margin:0 0 .2rem}.topbar .input-group input:not(input[type=range]),.topbar .input-group select{font-size:16px;padding:.5em;width:5em;border-radius:4px;border:none}.topbar .input-group input[type=range]{-webkit-appearance:none;width:100%;height:10px;border-radius:5px;background:#fff;outline:none;margin:.3rem 0}@media(max-width:900px){.topbar .input-group input[type=range]{margin:.3rem 0 1rem}}.topbar .input-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#5286f4;background:var(--clr-main);cursor:pointer}.topbar .input-group select{width:10em;cursor:pointer;transition:.2s}@media(min-width:800px){.topbar .input-group select:hover{background:#d6d6d6}}.topbar .input-group select option{background:#fff}.topbar .buttons-input{display:flex;justify-content:center;align-items:center;background:#fff;border-radius:6px}.topbar .buttons-input input{flex:1 1;border:none;width:5em;padding:.3em;text-align:center;color:#26334e;height:100%}.topbar .buttons-input input .tutorial-tooltip-container,.topbar .buttons-input input::-webkit-outer-spin-button{display:none}.topbar .buttons-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.topbar .buttons-input button{border:none;background:#fff;font-weight:700;font-size:1.5rem;padding:.5rem;cursor:pointer;color:#757575;transition:.2s}.topbar .buttons-input button:hover{background:#d6d6d6}.topbar .buttons-input button.btn-left{border-right:2px solid #dadada;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.topbar .buttons-input button.btn-right{border-left:2px solid #dadada;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.topbar .voice-speed{min-width:10vw;margin:0 1rem}.icon-button{display:flex;justify-content:center;align-items:center;flex-direction:column;color:#26334e;cursor:pointer;position:relative}.icon-button p{margin:6px 0 0;font-size:calc(13.53846px + .15385vw)}.paste-error{box-sizing:border-box;width:100%;padding:1rem;text-align:center;background-color:rgba(0,0,0,.2);font-size:calc(15.53846px + .15385vw);font-size:var(--fs-xsmall)}@media(min-width:800px){.paste-error{position:absolute;bottom:0;transform:translateY(120%)}}@media(max-width:900px){.paste-error{margin:1rem 0 0}}.tabs{overflow-x:scroll;display:flex;align-items:center;width:100%;padding:0 2vw;padding:0 var(--padding-sides);background-color:#5286f4;background-color:var(--clr-main);z-index:100}.tabs::-webkit-scrollbar{display:none}.tabs a{display:flex;justify-content:center;align-items:center}.tabs .logo{height:40px;margin:0 2vw 0 0}@media(max-width:900px){.tabs .logo{display:none}}.tabs .tab{padding:1rem 1.5vw;cursor:pointer;font-size:calc(15.53846px + .15385vw);font-size:var(--fs-xsmall);color:#fff;transition:background-color .2s}.tabs .tab.active{background-color:#eee;color:#5286f4;color:var(--clr-main)}@media(min-width:800px){.tabs .tab:not(.active):hover{background-color:#497ff3;background-color:var(--clr-main-dark)}}.tabs .donate-button{background:#ec5484;color:#fff;padding:.4rem 1.4vw;margin:0 .6rem 0 auto;border-radius:6px;cursor:pointer}@media screen and (max-width:600px){.tabs .donate-button{margin:0 .6rem}}.rcp{--rcp-background:#eee!important}.button-hover,.icon-button{transition:background-color .2s;border-radius:4px;padding:.3rem 1rem;cursor:pointer}@media(max-width:900px){.button-hover,.icon-button{padding:.3rem}}@media(min-width:800px){.button-hover:hover,.icon-button:hover{background-color:rgba(0,0,0,.15)}}.mobile-welcome-container{position:fixed;z-index:1000000;top:0;bottom:0;left:0;right:0;overflow-y:scroll;overflow-x:hidden}.mobile-welcome-container .header{background-color:#5286f4;background-color:var(--clr-main);padding:2vh 0}.mobile-welcome-container .header img{height:6vh}.mobile-welcome-container .content{background:#fff;padding:3vmax}.mobile-welcome-container .content .texts{grid-gap:5vh;gap:5vh}.mobile-welcome-container .content .text{text-align:center;font-size:1.05rem}.mobile-welcome-container .content .buttons{padding:4vh 0;grid-gap:3vh;gap:3vh}.mobile-welcome-container .content .buttons .button{width:60vw;padding:1rem 0;box-shadow:-14.5773px -14.5773px 43.7319px hsla(0,0%,89%,.3),14.5773px 14.5773px 43.7319px hsla(0,0%,85.1%,.5);border-radius:6px}.mobile-welcome-container .content .buttons p{color:#366de1}.tutorial-tooltip-container{background:#fff;padding:1rem 2rem;border-radius:8px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;max-width:90vw}@media(min-width:800px){.tutorial-tooltip-container{max-width:35vw}}.tutorial-tooltip-container .title{font-weight:700;font-size:calc(17.07692px + .30769vw);margin:0 0 .5rem}.tutorial-tooltip-container .buttons{display:flex;justify-content:center;align-items:center;margin:1rem 0 0}.tutorial-tooltip-container .buttons .btn{border:none;background-color:#5286f4;background-color:var(--clr-main);color:#fff;font-weight:700;padding:.5em .9em;cursor:pointer;margin:0 .5rem}.tutorial-tooltip-container .buttons .btn-back,.tutorial-tooltip-container .buttons .btn-close{background-color:#fff;color:#5286f4;color:var(--clr-main);box-shadow:0 0 0 2px #5286f4;box-shadow:0 0 0 2px var(--clr-main)}.beacon-component{animation:pulse 2s ease-in-out infinite;background-color:rgba(#5286f4,.6);background-color:rgba(var(--clr-main),.6);border-radius:50%;display:inline-block;height:2rem;width:2rem;cursor:pointer}@keyframes pulse{0%{transform:scale(1)}55%{background-color:rgba(#5286f4,.9);background-color:rgba(var(--clr-main),.9);transform:scale(1.2)}}
/*# sourceMappingURL=main.34f20a7b.chunk.css.map */