.filter{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:80px 20px 0;color:#353535;position:fixed}@media (max-width: 1200px){.filter{position:relative;margin:0 20px}}.filter .filter__block{display:flex;align-items:center}.filter .filter__block .block__button{padding:15px;border:none;box-shadow:1px 1px 4px #2227;border-radius:8px}.filter .filter__block .block__button:hover{filter:brightness(110%)}.filter .filter__block .block__button:active{filter:brightness(120%)}.filter .filter__block .block__text{margin-left:10px;font-weight:700}.filter .filter__block .active{background-color:teal}.loading{display:flex;align-items:center;justify-content:center;height:70vh;position:absolute;top:0;left:0;width:100%}.loading .loading__ico{color:teal;width:120px;height:120px}.speakButton{color:teal;border:none;align-self:stretch;padding:auto 5px}.speakButton:hover svg{filter:brightness(140%)}.speakButton svg{width:30px;height:auto}.button{color:#fff;background-color:teal;font-weight:700;font-size:18px;padding:14px 24px;border:none;border-radius:10px;box-shadow:1px 2px 7px #2c2c2c4d;margin:auto}.button:hover{filter:brightness(110%)}.button:active{filter:brightness(120%)}.game{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;font-size:20px;padding:0 15px}@media (max-width: 767px){.game{font-size:15px}}.game .game__title{font-size:28px;text-align:center;margin-top:10vh}.game .game__word{font-size:50px;margin-top:10vh;text-align:center}@media (max-width: 767px){.game .game__word{flex-direction:column;font-size:35px}}.game .form{display:flex;justify-content:center;font-size:30px;width:100%}.game .form .input{border:none;border-radius:15px;padding:16px 14px;width:100%;max-width:700px;box-shadow:1px 2px 7px #2c2c2c4d;margin-bottom:20px}@media (max-width: 767px){.game .form .input{flex-direction:column;font-size:25px;max-width:100%}}.game .form .input:disabled{background-color:#fff}.game .form .ok{outline:4px solid rgba(0,255,0,.4666666667)}.game .form .mistake{outline:4px solid rgba(255,0,0,.4666666667)}.game .form .warn{outline:4px solid rgba(165,179,12,.4666666667)}.game .button--idk{background-color:#be7474}.game .button--primary{padding:17px 28px;margin-top:15px;max-width:500px;width:50%}@media (max-width: 767px){.game .button--primary{margin-top:25px;min-width:300px}}.game .buttonsBlock{display:flex;gap:20px;justify-content:space-around}.game .buttonsBlock .buttonsBlock__button{border-radius:8px}.settings__field{display:flex;align-items:center;gap:5px;color:#353535;margin-top:7px}.settings__field input,.settings__field select{border:none;box-shadow:1px 2px 7px #2c2c2c4d;border-radius:6px;padding:4px 10px;height:32px}.settings__field p{margin:0;font-weight:700}.settings__field .settings__editButton{padding:0;border:none;background:none;color:#353535}.settings__field .settings__editButton svg{width:20px;height:20px;color:#7e7e7e}.settings{display:flex;flex-direction:column;background-color:#fff;max-width:600px;width:100%;margin:30px auto auto;padding:20px;box-shadow:1px 2px 7px #2c2c2c4d;border-radius:14px}@media (max-width: 767px){.settings{margin-top:0}}.settings .settings__title{margin:0;color:#353535}.settings .line{width:100%;background-color:#ddd;height:1px;margin:10px 0 0}.settings .form__infoText{margin:5px 0 0;font-size:13px}.settings .settings__button{background-color:teal;border:none;color:#fff;font-weight:700;padding:10px 20px;border-radius:7px;box-shadow:1px 2px 7px #2c2c2c4d;margin-top:15px}.settings .settings__button--exitButton{align-self:flex-end;background-color:#cc3d3d}.fixedSearch{display:flex;justify-content:center;position:fixed;width:100%;top:0;padding:7px;background-color:#fff;z-index:3;opacity:99%;border-bottom:1px solid #dddddd}.fixedSearch .fixedSearch__button{margin-left:12px;border-radius:6px;border:0;padding:5px 10px;background-color:teal;color:#fff}.fixedSearch .search{margin:0}.search{display:flex;max-width:400px;margin:auto;justify-content:center;align-items:center;position:relative}@media (max-width: 767px){.search{margin-top:30px;border:0;max-width:100%;padding:0 20px}}.search .search__input{color:teal;outline-color:teal;width:100%;font-weight:800;padding:10px 37px 10px 16px;border:none;border-radius:6px;box-shadow:1px 1px 4px #3337}@media (max-width: 767px){.search .search__input{padding:7px 37px 7px 16px}}.search .search__ico{position:absolute;right:12px;pointer-events:none;color:#555}@media (max-width: 767px){.search .search__ico{right:32px}}.customInput{border:none;box-shadow:1px 2px 7px #2c2c2c4d;padding:10px 20px;border-radius:8px;width:100%;font-size:18px}.verbs{display:flex;flex-direction:column;align-items:center;margin:20px 20px 50px;color:#353535}.verbs .verbs__ul{display:flex;flex-direction:column;max-width:750px;width:100%;padding:0;list-style:none}.verbs .verbs__ul .ul__header{display:grid;grid-template-columns:repeat(3,1fr)}.verbs .verbs__ul .ul__header h4{margin:0;font-size:20px;text-align:center}@media (max-width: 767px){.verbs .verbs__ul .ul__header h4{font-size:13px}}.verbs .verbs__ul .ul__li{background-color:#fff;box-shadow:1px 2px 7px #2c2c2c4d;margin-top:20px;border-radius:8px;overflow:hidden}@media (max-width: 767px){.verbs .verbs__ul .ul__li{margin-top:10px}}.verbs .verbs__ul .ul__li .blurred{padding:5px 2px;background-color:teal;opacity:30%;cursor:pointer;filter:blur(7px);color:#fff}.verbs .verbs__ul .ul__li .blurred:active{filter:blur(0px);opacity:100%}@media (max-width: 767px){.verbs .verbs__ul .ul__li .blurred{padding:3px 2px}.verbs .verbs__ul .ul__li .blurred:hover{filter:blur(0px);opacity:100%}}.verbs .verbs__ul .ul__li .li__verb{display:grid;grid-template-columns:1px repeat(3,1fr);gap:6px;margin-bottom:3px}.verbs .verbs__ul .ul__li .li__verb .li__speak{background:none;color:teal;z-index:2}.verbs .verbs__ul .ul__li .li__verb .li__speak svg{width:19px;height:19px}.verbs .verbs__ul .ul__li .li__verb .verb__text{display:flex;align-items:center;padding-left:5px;margin-left:3px;height:100%;font-weight:700;justify-content:center;font-size:20px}@media (max-width: 767px){.verbs .verbs__ul .ul__li .li__verb .verb__text{font-size:13px}}.verbs .verbs__ul .ul__li .li__controller{display:flex;align-items:stretch}.verbs .verbs__ul .ul__li .li__controller .controller__translate{margin:0 auto 0 0;font-size:20px;padding:3px}@media (max-width: 767px){.verbs .verbs__ul .ul__li .li__controller .controller__translate{font-size:13px;padding:3px}}.verbs .verbs__ul .ul__li .li__controller .controller__translate :nth-child(1){margin-right:5px}.verbs .verbs__ul .ul__li .li__controller .controller__translate :nth-child(2){padding:3 7px}@media (max-width: 767px){.verbs .verbs__ul .ul__li .li__controller .controller__translate :nth-child(2){padding:2px}}.verbs .verbs__ul .ul__li .li__controller .controller__translate .translate__text{background:none;color:#000;opacity:100%}.verbs .verbs__ul .ul__li .li__controller .controller__button{background-color:teal;color:#fff;min-width:40px;border:none;border-radius:8px 8px 0 0;font-size:15px;margin-right:25px}.verbs .verbs__ul .ul__li .li__controller .controller__button:hover{filter:brightness(120%)}.verbs .verbs__ul .ul__li .li__controller .controller__button--active{margin-right:0}.verbs .verbs__ul .ul__li .li__controller .controller__button--remove{display:flex;align-items:center;color:#d91212;background:none;padding:0 5px;margin-right:0;min-width:0}@media (max-width: 767px){.verbs .verbs__ul .ul__li .li__controller .controller__button--remove{border-radius:0}}.verbs .title{text-align:center;margin-top:0}.verbs .addingBlock{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px;gap:12px}.verbs .addingBlock .addingBlock__td{margin-top:10px}.verbs .addingBlock .addingBlock__input{max-width:150px}.verbs .addingBlock .addingBlock__button{width:100px;border:none;border-radius:6px;background-color:teal;color:#fff;padding:10px;box-shadow:2px 2px 6px #1414144d}.addWord{display:flex;flex-direction:column;position:fixed;bottom:0;right:0;margin:90px 40px;width:100%;max-width:280px;background-color:#fff;padding:30px;border-radius:15px;box-shadow:1px 2px 7px #2c2c2c4d}.addWord .addWord__inputBox{display:flex;align-items:center;gap:5px}.addWord .addWord__input{border-radius:6px;padding:0 12px;height:45px;font-size:15px;border:2px solid #eee;margin-top:7px}.addWord .addWord__input--first{margin:0}.addWord .inputBox__speak{display:flex;align-items:center;justify-content:center;border-radius:8px;align-self:center;padding:0;background:none;color:teal}.addWord .inputBox__speak svg{width:20px;height:22px}.addWord .addWord__button{border-radius:6px;padding:12px 20px;border:1px solid #eee;font-weight:700;color:#eee;background-color:teal;margin:7px 0 0}.addWord .addWord__tips{font-size:13px;margin:4px 0 0}.error{color:#f90000;font-weight:600;font-size:17px;margin-bottom:7px}.container__learnedButton{background-color:teal;color:#fff;border:none;margin-bottom:20px;padding:10px;font-size:20px;font-weight:700}.addButton{background-color:teal;color:#fff;border:none;display:flex;align-items:center;justify-content:center;position:fixed;border:2px solid #fff;bottom:0;right:0;margin:20px;width:50px;height:50px;border-radius:10px;font-size:50px}.words{display:grid;grid-template-columns:auto auto 1fr auto auto;align-items:center;background-color:#fff;box-shadow:1px 1px 4px #2225;width:100%;max-width:700px;margin-bottom:7px;border-radius:6px;overflow:hidden}.words .words__speak{background:none;color:teal}.words .words__speak svg{width:19px;height:19px}.words .words__word{font-size:24px;font-weight:700}@media (max-width: 767px){.words .words__word{font-size:15px}}.words .words__translate{display:block;filter:blur(4px);padding:5px 0 5px 10px;margin-right:3px;font-size:20px;font-weight:700;cursor:pointer}.words .words__translate:active{background-color:#eee;filter:blur(0px)}@media (max-width: 767px){.words .words__translate{font-size:14px}.words .words__translate:hover{filter:blur(0)}}.words .words__button{background-color:teal;color:#fff;border:none;margin-left:auto;width:100%;height:100%;font-size:15px;padding:5px}.words .words__button:hover{filter:brightness(120%)}@media (max-width: 767px){.words .words__button{font-size:12px;padding:4px}}.words .words__removeButton{background-color:teal;color:#fff;color:#d91212;margin-right:4px;align-self:center;justify-self:center;border:none;background:none;margin-top:2px;padding:0}.words .words__removeButton:hover{filter:brightness(130%)}.communicateBlock{display:flex;flex-direction:column;align-items:center}.communicateBlock .communicateBlock__title{font-size:28px;text-align:center;margin:10vh 0 0}@media (max-width: 767px){.communicateBlock .communicateBlock__title{font-size:18px}}.communicateBlock .communicateBlock__subTitle{margin-top:8px;text-align:center}.randomWords{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;list-style:none;margin:10px 0 0;padding:0;gap:12px}.randomWords .learned{pointer-events:none;opacity:30%;background-color:#6aed6a}.randomWords li{display:flex;flex-direction:column;text-align:center;padding:8px 15px;background-color:#fff;border-radius:8px;box-shadow:2px 2px 6px #1414144d;font-size:20px;cursor:pointer}.randomWords li:hover{background-color:teal;color:#fff}.randomTranslateWords{margin-right:auto;list-style:none}.randomTranslateWords li{font-size:18px;margin-top:7px}.randomTranslateWords .learned{pointer-events:none;opacity:50%;text-decoration:line-through}.listenType{display:flex;flex-direction:column;margin-top:10vh}.listenType .listenType__title{text-align:center;font-size:30px;margin:0}.listenType .listenType__speakButton{margin:auto}.listenType .listenType__speakButton svg{width:200px;height:200px}.listenType .listenType__input{padding:15px 25px;max-width:400px;width:100%;font-size:26px;margin-top:30px}.listenType .listenType__input--ok{background-color:#6aed6a}.listenType .listenType__input--error{background-color:#cc3d3d}.listenType .listenType__button{margin:15px 0 0}.translateForward{display:flex;flex-direction:column;align-items:center}.translateForward .translateForward__title{margin:10vh 0 0;font-size:36px}.translateForward .translateForward__subtitle{margin:25px 0 0}.translateForward .translateForward__input{font-size:26px;padding:15px 25px;margin:15px 0 0}.translateForward .translateForward__input--ok{background-color:#6aed6a}.translateForward .translateForward__input--error{background-color:#cc3d3d}.translateForward .translateForward__button{margin:15px 0 0}.wordBuilder{display:flex;flex-direction:column;align-items:center;margin-top:10vh}.wordBuilder .wordBuilder__title,.wordBuilder .wordBuilder__info{margin:10px 0 0}.wordBuilder .wordBuilder__list{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;gap:15px;max-width:400px;border:1px solid #dddddd;border-radius:10px;padding:10px 20px;min-height:62px}.wordBuilder .wordBuilder__list li button{display:flex;align-items:center;justify-content:center;padding:10px;background-color:#fff;font-size:26px;width:40px;height:40px;border:none;border-radius:8px;box-shadow:2px 2px 6px #1414144d;text-transform:uppercase}.wordBuilder .wordBuilder__list li button:hover{background-color:#eee}.wordBuilder .wordBuilder__list--rightOrders{max-width:100%;border:none;border-bottom:1px solid #dddddd;border-radius:0;width:100%;gap:3px;border-width:2px}.wordBuilder .wordBuilder__list--ok{border-color:#6aed6a;border-width:2px}.wordBuilder .wordBuilder__list--error{border-color:#cc3d3d;border-width:2px}.translateBackward{display:flex;flex-direction:column;align-items:center;margin-top:10vh}.translateBackward .translateBackward__timer{display:flex;align-items:center;gap:5px}.translateBackward .translateBackward__timer p{font-size:25px;line-height:1}.translateBackward .translateBackward__timer svg{width:40px;height:40px}.translateBackward .translateBackward__title{font-size:46px;margin:20px 0 0}.translateBackward .translateBackward__subtitle{margin:10px 0 0}.translateBackward .translateBackward__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:30px;max-width:500px}.translateBackward .translateBackward__buttons button{border:none;box-shadow:2px 2px 6px #1414144d;padding:10px 20px;font-size:24px;border-radius:8px}.translateBackward .translateBackward__buttons button:hover{color:#fff;background-color:teal}.translateBackward .translateBackward__buttons button:active{color:#fff;background-color:teal;filter:brightness(120%)}.translateBackward .translateBackward__buttons .button--correct,.translateBackward .translateBackward__buttons .button--correct:hover,.translateBackward .translateBackward__buttons .button--correct:active{background-color:#2a9f2a;color:#fff}.translateBackward .translateBackward__buttons .button--error,.translateBackward .translateBackward__buttons .button--error:hover,.translateBackward .translateBackward__buttons .button--error:active{background-color:#cc3d3d;color:#fff}.translateBackward__startButton{display:flex;align-items:center;justify-content:center;gap:5px}.translateBackward__startButton svg{width:20px;height:20px}.learn10{display:flex;flex-direction:column;align-items:center}.learn10 .learn10__counter{margin:0 auto 0 0}.auth{display:flex;flex-direction:column;align-items:center;margin-top:20vh;width:100%}.auth .title{color:#353535}.auth .auth__form{display:flex;flex-direction:column;gap:10px;flex-wrap:wrap;justify-content:center;min-width:270px}.auth .auth__form .form__buttons{display:flex;justify-content:space-between}.auth .auth__form .form__buttons .button{background-color:teal;color:#fff;border:none;border-radius:6px;padding:12px 20px;font-weight:700;font-size:15px}.auth .auth__form .form__buttons .toggleButton{border:none;color:#004ea7;background:none;font-size:14px}.auth .auth__form .input{border-radius:6px;padding:12px 20px;border:none;box-shadow:1px 2px 7px #2c2c2c4d}.error{color:#f90000;font-weight:600;font-size:17px;margin-bottom:7px;text-align:center}.navigation{display:flex;align-items:flex-start;padding:20px;gap:10px}.navigation .navigation__burgerButton{display:none;border:none;color:#353535;background:none}.navigation .navigation__hideBG{display:none;position:absolute;background-color:#000;width:100%;height:100%;top:0;left:0;transition:.3s;opacity:0}.navigation .navigation__userButton{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 10px;margin-left:auto;color:#353535;text-decoration:none;list-style:none;text-align:end}.navigation .navigation__userButton svg{grid-column:2;grid-row:span 2;width:40px;height:40px}.navigation .navigation__userButton .userButton__font1{grid-column:1;margin:0;line-height:1;font-weight:700;font-size:16px}.navigation .navigation__userButton .userButton__font2{grid-column:1;grid-row:2;margin:0;line-height:1;font-size:13px;font-weight:400}.navigation .navigation__nav{display:flex;flex-wrap:wrap;width:100%;gap:15px}.navigation .navigation__nav .nav__link{color:#353535;text-decoration:none;padding:10px;background-color:#eee;transition:.2s;box-shadow:2px 2px 8px #2224;font-weight:800;border-radius:5px}.navigation .navigation__nav .nav__link:hover{transform:translateY(-4px)}.navigation .navigation__nav .active{background-color:teal;color:#fff;transform:translateY(-4px)}@media (max-width: 767px){.navigation .navigation__burgerButton{display:block;padding:0;margin:auto 0;color:#353535}.navigation .navigation__burgerButton svg{width:30px;height:30px}.navigation .navigation__hideBG{transition:.1s}.navigation .navigation__nav{transform:translate(-230px);flex-direction:column;align-items:flex-start;max-width:220px;position:fixed;background-color:teal;width:100%;height:100%;top:0;left:0;padding:30px 20px;z-index:4;transition:.1s;gap:25px;filter:grayscale(.6)}.navigation .navigation__nav .nav__link{padding:7px 0 2px;font-size:18px;background:none;color:#e0e0e0;font-weight:700;border:none;box-shadow:none;transition:0s}.navigation .navigation__nav .nav__link:hover{transform:translateY(0)}.navigation .navigation__nav .active{transform:translateY(0);color:#fff;font-weight:900;border-bottom:2px solid #fff;border-radius:2px;padding-bottom:0}.navigation .navigation__hideBG--active{display:block;opacity:.5;z-index:4;position:fixed}.navigation .navigation__nav--active{transform:translate(0);height:100lvh}}*,*:before,*:after{box-sizing:border-box}#root{display:flex;flex-direction:column;min-height:100lvh}body{margin:0;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#efefef;color:#353535;overflow-y:scroll}button{cursor:pointer}a:hover{filter:brightness(110%)}select .selected{font-weight:700}.container{display:flex;flex-direction:column;align-items:center;margin:20px 10px 120px;min-width:290px}.footer{text-align:center;color:#bbb;font-size:12px;padding:20px;margin-top:auto}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}