.not-logged{background-color:#575757;position:absolute;z-index:1;width:100%;height:60px;color:#f85d5d;font-size:15px;padding:10px;top:0}.not-logged__body{display:flex;justify-content:center;gap:15px;align-items:center}.not-logged__message{font-size:1em;text-align:center}.not-logged__btn{background-color:#0084ff;color:#fff;border-radius:5px;padding:10px 15px;border:none}.not-logged__btn:hover{color:#dcdcdc}.catch-error{height:100%;width:100%;display:flex;justify-content:space-between;flex-direction:column;padding-bottom:30px}.catch-error__description{text-align:center;color:#f87171}.catch-error__curr-word{max-height:50% px;overflow:scroll}.words__learning{font-size:22px;display:flex;justify-content:center;width:800px;height:95%;width:100%}@media(max-width:800px){.words__learning{font-size:17px}}.words__learning-container{width:800px;justify-content:space-between;height:100%}.words__learning-container,.words__learning-word{display:flex;flex-direction:column;align-items:center}.words__learning-word{text-align:center;gap:40px}.words__learning-title{position:relative;background-color:#0084ff;padding:20px;border-radius:20px;color:#fff;font-weight:600;letter-spacing:1px}.words__learning-controll,.words__learning-title{display:flex;align-items:center;justify-content:center}.words__learning-controll{height:50px;width:50px;background-color:gray;border-radius:50%}.words__learning-translation{text-align:center;color:#313131;gap:20px;display:flex;padding:10px;flex-wrap:wrap;font-size:18px;border-bottom:1px solid rgba(227,221,221,.75)}@media(max-width:800px){.words__learning-translation{font-size:15px}}@media(max-width:480px){.words__learning-translation{font-size:15px}}.words__learning-translation h6{font-size:15px;margin:0;padding-top:15px;padding-bottom:5px;color:gray}.words__learning-translation h3{margin:0;padding-bottom:7px}.words__learning-examples{padding-top:20px}@media(max-width:480px){.words__learning-next{padding:15px 35px;font-size:18px}}.words__learning-next:hover{background-color:#52b30c}.words__addToDictionary{color:red;position:absolute;right:-20px;top:-20px;cursor:pointer}.words__addToDictionary:hover{color:#680909}.words__learning-footer{background-color:#7fffd4;width:100%;display:flex;justify-content:flex-end}.definition__item{padding:10px 10px 20px;border-radius:10px;border-bottom:.5px solid #c7accd;color:#828181;margin-top:10px;box-shadow:1px 5px 7px 10pxsolid #3c3c3c;font-size:17px;font-weight:600}@media(max-width:480px){.definition__item{font-size:15px}}.definition__marked{color:#0084ff}.definition{border-radius:20px;font-size:18px;overflow-y:scroll;width:100%;height:100%;background-color:#fefefe}.definition h5{padding:0;margin:0}.definition__markedWord{color:#fff;font-weight:900;padding:2px;border-radius:2px;margin-left:5px;margin-right:5px;color:#0084ff}.whatheard-text-hidden{color:rgba(0,0,0,0)}.whatheard-text-visible{color:#000}.whatheard-wrong button{background-color:#ff4b4b;color:#fff}.heard{width:100%;align-items:center;padding-left:10px}.heard,.heard__container{display:flex;flex-direction:column;justify-content:space-between;height:100%}.heard__container{padding-top:40px;width:800px}@media(max-width:800px){.heard__container{width:100%}}@media(max-width:480px){.heard__container{font-size:15px;padding-top:20px}}.heard__play{display:flex;justify-content:center;padding:20px;border-radius:15px;background-color:#0084ff;width:-moz-fit-content;width:fit-content;font-size:60px;align-self:center}@media(max-width:480px){.heard__play{font-size:20px;padding:10px;padding-top:10px}}.heard__hint{display:flex;flex-direction:column;padding:0}@media(max-width:480px){.heard__hint{min-height:10px}}.heard__hint-button{max-width:-moz-fit-content;max-width:fit-content;align-self:center;margin:0}.heard__res-sentence{padding-top:20px;min-height:90px;display:flex;gap:10px;flex-wrap:wrap}@media(max-width:480px){.heard__res-sentence{padding-top:0}}.heard-options{padding-left:10px;display:flex;gap:5px;flex-wrap:wrap}.heard__line{height:2px;background-color:rgba(227,221,221,.75);width:100%;border:none}.heard__controll{display:flex;flex-direction:column;padding:20px;border-radius:20px;margin-top:20px}.heard__word{margin-right:5px}.heard__translation{display:flex;flex-direction:column;left:-150px;top:150px;width:100%;gap:20px;align-items:center;color:#0084ff}@media(max-width:480px){.heard__translation{left:0}}.heard__translation-btn{align-self:center;color:#0084ff;font-size:30px;cursor:pointer}.heard__translation-btn:hover{color:#2894f9}.heard__item-checked{color:#0084ff!important;border-color:#0084ff!important}.heard-ok{background-color:#adff2f}.heard-wrong{background-color:red}.heard__translation-item{height:20px}.correct{width:100%;font-weight:500;padding-top:20px}.correct,.correct__container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}.correct__container{width:800px}@media(max-width:800px){.correct__container{width:100%}}.correct__hint{padding:10px 10px 100px;display:flex;gap:40px}@media(max-width:480px){.correct__hint{padding:10px 10px 30px}}.correct__hint img{height:200px}@media(max-width:800px){.correct__hint img{display:none}}.correct__options{display:flex;flex-direction:column;gap:10px;width:100%}.correct__item{background-color:#fbfbfb;border:solid rgba(227,221,221,.75);border-width:2px 2px 4px;color:#4c4c4c;border-radius:10px;text-align:center;display:flex;justify-content:center;cursor:pointer;font-weight:900;position:relative;height:-moz-fit-content;height:fit-content;padding:10px}.correct__item:hover{background-color:#e7e0e0;transform:scale(.99)}.correct__item:disabled:hover{cursor:all-scroll;background-color:inherit;transform:none}@media(max-width:480px){.correct__item{font-size:13px}}.correct__item-active{background-color:#e7e0e0;color:#000}.correct__item-active-error{background-color:#ff4b4b;color:#fff;border-color:#d20909}.correct__item-active-error:hover,.correct__item-active:disabled:hover{background-color:#fcdede}.correct__item-audio{color:#0084ff;position:absolute;left:5px;display:flex;gap:10px}@media(max-width:480px){.correct__item-audio{left:5}}.tr{background-color:#f5f5f5;align-self:center;justify-self:center;color:#0084ff;right:-30px}.tr__active{color:#2894f9}.wrap-sentence__correct-word{position:relative;justify-content:flex-start;align-items:center;border:2px solid #e9e5e5;padding:10px;border-radius:10px;font-size:25px;font-weight:600;height:-moz-fit-content;height:fit-content;color:#1c1c1c;display:flex;gap:10px}@media(max-width:800px){.wrap-sentence__correct-word{font-size:18px;flex-wrap:wrap}}.wrap-sentence__triangle{position:absolute;left:-24px;font-weight:400;bottom:10px;border-right:none;color:#d9d7d7}@media(max-width:800px){.wrap-sentence__triangle{left:-18px}}.wrap-sentence__audio{display:flex;justify-content:center;align-items:center;padding:6px 3px 3px;font-size:20px;border-radius:5px;color:#0084ff!important}.wrap-sentence__mark{border:solid rgba(227,221,221,.75);border-width:2px 2px 4px;color:#585757;border-radius:10px;padding:5px;text-align:center;color:#0084ff}.errorInitial{display:flex;justify-content:center;align-items:center;height:100dvh;width:100dvw}.errorInitial__container{display:flex;flex-direction:column;align-items:center;gap:20px;background-color:#fff;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:90px;border-radius:20px;color:#373737}@media(max-width:800px){.errorInitial__container{font-size:10px;padding:40px}}.correct-mistakes{position:absolute;top:40px;color:#f50}@media(max-width:800px){.correct-mistakes{padding-top:20px}}@media(max-width:480px){.correct-mistakes{padding-top:30px;font-size:12px}}.wPSpeaker{position:absolute;bottom:140px;font-size:18px;width:40px;height:40px}.wPHide{visibility:hidden}.with-progress{height:100dvh;width:100dvw;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;position:relative;font-weight:700}@media(max-width:800px){.with-progress{padding-top:30px}}.with-progress__range-container{width:80%}.with-progress__header{position:relative;display:flex;width:100%;align-items:center;justify-content:center;gap:30px}.with-progress__back{color:#0084ff;font-size:30px;cursor:pointer}@media(max-width:800px){.with-progress__back{font-size:25px}}.with-progress__back:hover{color:#2894f9}.progress-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;cursor:pointer;outline:none;overflow:hidden;border-radius:16px}.progress-range::-webkit-slider-runnable-track{height:15px;background:#ccc;border-radius:16px;height:10px}@media(max-width:800px){.progress-range::-webkit-slider-runnable-track{height:10px}}.progress-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:10px;width:10px;border-radius:50%;border:1px solid #58cc02;box-shadow:-807px 0 0 800px #58cc02;background-color:#58cc02}@media(max-width:800px){.progress-range::-webkit-slider-thumb{height:10px;width:10px;color:#f50}}.progress-range::-moz-range-thumb{height:15px;width:15px;background-color:#fff;border-radius:50%;border:1px solid #f50;box-shadow:-407px 0 0 400px #f50;background-color:#240303}.with-progress__translate{font-size:30px;font-weight:800;color:#747475;cursor:pointer}.with-progress__translate:hover{color:#565657}.with-progress__translate-active{color:#54c3ec}.with-progress__translate-active:hover{color:#2fbaec}.with-progress__translate-status{position:absolute;right:0;color:#fff;background-color:#ede8e8;padding:5px;border-radius:5px;color:#151515}.with-progress__more-options{padding:10px;font-size:20px}.with-progress__more-options:hover{color:#0084ff}.with-progress__skip{padding:60px;background-color:#fafafa;border-radius:20px}@media(max-width:480px){.end-task{font-size:15px;padding:80px}}@media(max-width:480px)and (max-width:800px){.end-task{padding:0}}.end-task__body{display:flex;flex-direction:column;gap:30px;color:#1b1b1b;text-align:center;background-color:#fff;border-radius:20px;font-size:small;padding:80px;align-items:center}@media(max-width:800px){.end-task__body{padding:8px;font-size:10px}}.end-task__button{left:0;font-size:18px!important}@media(max-width:480px){.end-task__button{width:100%!important;height:50px;padding:0 10;font-size:small!important;padding-left:15px!important;padding-right:15px!important}}.button-error,.button-ok,.button-ok-responsive,.button-without-border{font-weight:700;font-size:20px}.button-ok{padding:15px 50px;margin-right:5px;margin-top:10px;height:-moz-fit-content;height:fit-content;border-radius:15px;background-color:#58cc02;color:#f5f5f5;border:1px solid #52b30c;border-top:none;border-bottom:3px solid #52b30c;white-space:nowrap;cursor:pointer}.button-ok:hover{background-color:#52b30c}.button-ok:disabled{background-color:#fff;color:#c9c5c5;border-color:#d2c7c7}.button-ok-responsive{padding:10px 20px;height:-moz-fit-content;height:fit-content;border-radius:15px;background-color:#58cc02;color:#f5f5f5;border:1px solid #52b30c;border-top:none;border-bottom:3px solid #52b30c;white-space:nowrap;cursor:pointer}@media(max-width:480px){.button-ok-responsive{padding-right:0}}.button-ok-responsive:hover{background-color:#52b30c}.button-ok-responsive:disabled{background-color:#fff;color:#c9c5c5;border-color:#d2c7c7}.button-error{padding:15px 50px;margin-right:5px;margin-top:10px;height:-moz-fit-content;height:fit-content;border-radius:15px;background-color:#ff4b4b;color:#f5f5f5;border:1px solid #d20909;border-top:none;border-bottom:3px solid #d20909;white-space:nowrap;cursor:pointer}.button-error:hover{background-color:#fd5b5b}.button-error:disabled{background-color:#fff;color:#c9c5c5;border-color:#d2c7c7}.button-without-border{background-color:rgba(0,0,0,0);color:#0084ff;border:none}.button-without-border:hover{color:#2894f9}.main-gradient{background:linear-gradient(325deg,rgb(0,132,255),rgb(152,148,209));background:linear-gradient(325deg,#a100ff,#ff0068);border-bottom:navy}.speak-sentence{width:100%;align-items:center;padding-top:40px}.speak-sentence,.speak-sentence__container{height:100%;display:flex;justify-content:space-between;flex-direction:column}.speak-sentence__container{width:800px;padding:0}@media(max-width:800px){.speak-sentence__container{width:100%}.speak-sentence{padding-top:10px}}.speak-sentence__response{padding-top:20px;display:flex;justify-content:space-between;padding-bottom:30px}@media(max-width:480px){.speak-sentence__response{padding-top:5px}}.speak-sentence__res-text{padding-left:50px;font-size:20px;font-weight:500;font-weight:600;border-bottom:1px solid #0084ff;height:90px}@media(max-width:480px){.speak-sentence__res-text{padding-left:15px}}@media(max-height:650px){.speak-sentence__res-text{height:50px}}.speak-sentence__res-text:first-letter{text-transform:uppercase}.speak-sentence__translation{height:25px;font-size:20px;font-weight:500;color:#0084ff;padding-left:10px}.speak-sentence__translate-btn{padding-top:10px;font-size:30px;color:#0084ff;cursor:pointer;text-align:center}.speak-sentence__translate-btn:hover{color:#2894f9}.speak-sentence__speak{text-align:center;font-size:25px;display:flex;flex-direction:column;align-items:center;font-weight:600;color:gray}@media(max-width:800px){.speak-sentence__speak{font-size:18px}}.speak-sentence__record-btn{padding:10px;width:80px;height:80px;border-radius:50%}@media(max-width:800px){.speak-sentence__record-btn{width:60px;height:60px}}.speak-sentence__percentage{height:50px;width:50px;margin-bottom:20px;text-align:center;position:relative}@media(max-width:800px){.speak-sentence__percentage{margin-bottom:0}}.speak-sentence .speak-sentence__percentage-text{font-size:13px;padding-bottom:10px;font-weight:600}.speak-sentence .speak-sentence__next{position:absolute;right:20px;font-size:15px;padding:10px 15px}@media(max-width:800px){.speak-sentence .speak-sentence__next{right:4px;font-size:13px;padding:5px 10px}}.speak-sentence__my-audio{font-size:25px;padding-top:20px;color:#0084ff}@media(max-width:800px){.speak-sentence__my-audio{font-size:20px}}