html{-webkit-text-size-adjust:100%;text-size-adjust:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:grid;position:fixed;top:0;bottom:0;width:100%;font-family:monospace;grid-template-rows:auto 1fr;overflow-y:auto}body{font-family:Inter,sans-serif;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#080846;font-size:16px;line-height:1.5}.dropbtn{cursor:pointer}a{font-weight:500;border-radius:6px;text-decoration:inherit;color:#fff;display:block;font-size:1rem;background-color:#0f5d7e;cursor:pointer;margin:3px;padding:5px}.togetherLink{color:#af2222;background-color:#fff;font-style:italic;border-radius:6px;font-size:15px;font-weight:600;padding:0 6px}.dropdown-content{display:none;position:absolute;width:90%;margin-left:11px;margin-top:-3px}.a_dropbtn{background-color:#0f5d7e}.dropdown-content-add{display:block;font-style:italic}nav a.active{background:#1b4f5a;color:#75d708}.menu{color:#fff;background:brown;width:3rem;height:3rem;text-align:center;vertical-align:middle;border-radius:.6vw;cursor:pointer;font-size:2rem;display:grid;align-items:center}.table{width:100%;padding:1rem;position:relative}table td,table th{border:solid 1px #29b729;padding:8px;text-align:left;border-radius:3px;font-size:19px;cursor:pointer}td:hover{color:#cb9ff3;font-style:italic}.rainbow{padding:11px;font-size:30px}.rainbow span:nth-child(1){color:#127faa}.rainbow span:nth-child(2){color:#c71e1e}.rainbow span:nth-child(3){color:#ffe815}.rainbow span:nth-child(4){color:#e57553}.rainbow span:nth-child(5){color:#34cdd5}.rainbow span:nth-child(6){color:#c71e1e}.rainbow span:nth-child(7){color:#1cc330}.rainbow span:nth-child(8){color:#c71e1e}.rainbow span:nth-child(9){color:#34cdd5}.rainbow span:nth-child(10){color:#ffe815}.rainbow span:nth-child(11){color:#34cdd5}p.welcome{display:grid;align-items:center;padding:0 10%;font-size:18px}p.welcome{margin-bottom:0;line-height:140%}div.welcome{color:#fff;background:#173957;cursor:pointer;margin-bottom:0;font-style:italic;font-weight:600}div.welcome:hover{background:#8a2be238;color:#8effab;font-style:italic}h2{margin-bottom:2px}.nav{display:none}.menuBody{background-color:#173957;z-index:1;margin-left:1vw;margin-right:1vw;margin-top:5px}.showRout{display:block;position:absolute}.navTitle{opacity:0;transition:opacity 2s}.showNavTitle{opacity:1;transition:opacity 2s}h1{font-size:3.2em;line-height:1.1}button{border-radius:4px;margin:0 1vw .5vw;padding:.3vw;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s;font-size:13px;width:auto;word-wrap:break-word;border:solid 1px #109f48}button:hover{border-color:#646cff}.resetButton{background-color:#f1555575;color:#fff;font-weight:bolder;font-style:italic;border:1px solid white;width:fit-content;margin:auto}.resetButton:hover{background-color:#f15555}nav{display:table-cell;vertical-align:middle}.pronounTitle{font-size:2vw;font-weight:700}div .verbText{width:100%}.titleExercise{padding:3px;border-radius:6px;font-style:italic;color:#000;border:solid 1px #68d392;box-shadow:9px 3px 6px #355c52;background-color:#fcfcfc}.titleExercise:hover{color:#306ea3;background-color:#c3e1c5f0;border:solid 1px #b15d0b;box-shadow:9px 8px 9px 5px #355c52}@media (prefers-color-scheme: light){a:hover .dropbtn:hover,.text-menu:hover{color:#fff;background:#83afff;font-style:italic}button{background-color:#f9f9f9}}@media only screen and (min-width:240px) and (max-width: 600px){p.welcome{padding:0 2%}}@media only screen and (min-width:410px) and (max-width: 480px){.rainbow{font-size:30px}}@media only screen and (min-width:240px) and (max-width: 900px){table td,table th{font-size:1rem}.table{padding:2px}p.welcome{margin:.1rem;margin-bottom:0}.menu{width:2rem;height:2rem;font-size:1.2rem}.showRout{display:block}}@media only screen and (min-width:350px) and (max-width: 900px){.rainbow{padding:0}.welcome{font-size:15px}}@media (orientation: landscape) and (min-width: 240px) and (max-width: 320px){.bodyAppDrag{grid-template-rows:19% 1fr 1fr}}.spinner{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.spinner h4{margin:5px}.auth{color:#22adc3;font-style:italic}.try-button{margin:1rem}.box-container{border-radius:13px;border:solid 3px #02c156;justify-content:center;width:95%;margin:8px auto;height:95%}button.enter,a.enter{padding:1vw;border-radius:.3rem;background-color:#871f21;cursor:pointer;border:solid 2px white;color:#fff;width:fit-content;margin:2vw auto}button.user-auth{background-color:#0f5d7e;font-style:italic}.auth-still{font-style:italic;color:#bf764b}.button-login{color:#0f5d7e;border:solid 2px #0f5d7e;font-style:italic;padding:3px;width:fit-content;margin:0 auto;font-weight:600}.account,.logout{margin:0}.account{color:#263166;font-style:italic}button.enter:hover{border-color:#fff}.container-user{border:0}.center{text-align:center;color:#fff}form,.formFire{display:inline-grid;width:50%;margin:auto}.formFire{width:100%}label{display:flex;padding:7px;font-size:1.2rem}input::placeholder{color:#fff}input[type=text],input[type=password],input[type=email],textarea{border-radius:7px;padding:13px;font-size:1rem;border:solid 2px #08680f;font-style:italic}textarea{height:73px}button.password{width:fit-content;display:flex;margin:auto}.emailExist{font-size:1.1rem;background:#315995f2;width:25vw;align-items:center;justify-content:center;display:grid;border-radius:12px;position:absolute;top:50%;right:38%}.blockText{display:inline-table}.register-pay:hover{color:#fff;font-style:italic;background:#83afff}.register-pay{color:#fff}.text-message-error{font-size:1rem;width:47%;margin:1rem auto;background-color:#5f9ea042;border-radius:5px;font-style:italic;padding:.6rem}@media only screen and (min-width:240px) and (max-width:530px){form,.formFire{width:auto}}.tableRul{color:#fff;width:100%;table-layout:fixed;border-collapse:collapse}.tableRul td,th{width:25%;text-align:center;font-size:11px;word-wrap:break-word;padding:1px}td.titleRuls{color:coral;font-size:20px}.ruls-cont{text-align:center;height:min-content;padding-bottom:3vw;background-color:#080846}.tabPron,.tr-v{font-weight:600;color:#91e191;text-align:initial;font-size:.9vw;padding-left:1vw;cursor:pointer}.tabVerb{font-size:15px;cursor:pointer}.buttonStudy :disabled,button[disabled]{background-color:#173957;border:solid 1px #8eaf9b;color:#969c74}.container-drag{text-align:center}.titleDrag{color:#fff;font-size:1rem}.exampleComplect{background:#173957;margin-left:1vw;margin-right:1vw}.ddcontainersource,.droptarget{color:#fff;border-radius:5px;border:solid 2px #68d392;box-shadow:9px 3px 6px #355c52;align-items:center;justify-content:center;cursor:pointer;background-color:#256c41;word-break:break-all;display:block;margin:.5rem;padding:.3rem}.ddcontainersource:hover,.droptarget:hover{background-color:#1c763f!important;border:solid 2px #ed842d;box-shadow:6px 4px 6px 1px #1b4393;font-style:italic;color:#fff}.droptargetModule{width:23rem;color:#000;border-radius:5px;border:solid 2px #68d392;box-shadow:9px 3px 6px #355c52;cursor:pointer;background-color:#0ff;word-wrap:break-word;margin:auto;padding:.5vw}.complect{background:#ff0;padding:.2vw;border-radius:.3vw;margin:.2vw auto 0;width:max-content;font-size:1rem;color:#000}span.titlePron{font-weight:700;color:#050a01}.dropContainer{display:grid;grid-template-columns:50% 50%;background-color:#173957;margin-left:1vw;margin-right:1vw}.ObjectAdded{display:grid}.spanDrop{background-color:brown;color:#fff;font-weight:900;height:2rem;display:grid;align-items:center;border-radius:5px}.drag_array.arrTrip{margin:6px;grid-template-columns:1fr 1fr}.drag_array{margin:6px}.correctDrop{margin-top:-25%}.correctVerb{padding:1vw;background-color:#ff0;margin:1vw;width:fit-content;color:#000;border-radius:1vw;display:initial;font-size:1.4vw;position:relative}.testPass{background:#a9ff0094;padding:2vw;color:#180d7e;display:grid;border-radius:1vw;font-weight:600;font-size:3rem;cursor:pointer;margin:5rem}.ddcontainerghost{background-color:#fff;padding:.3vw;border-radius:.7vw;border:solid 2px rgb(137,35,163);width:7rem;font-size:.9rem;text-align:center;color:green;font-weight:700;height:fit-content}div.DropPronVerb,div.DropPronVerbDontCorrect{font-size:1.5vw!important;font-weight:900}div.DropPronVerb{color:green}.DropPronVerbDontCorrect{color:red}span.verb,span.titlePron,span.addedVerb{font-size:16px}.dropContainerSent{display:grid;grid-template-columns:50% 50%}.drag_array{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;height:fit-content}.img-drag{width:250px}.moduleMessage{position:absolute;left:40%;right:40%;bottom:154px}.correctWord{color:#8923a3;padding-top:.5vw;font-weight:900;background-color:#ffffffba;padding:1vw;border-radius:.7vw;border:solid 2px rgb(137,35,163);width:8vw;text-align:center;font-style:italic}.textVerbNoun{font-size:19px}.textSenten{font-size:16px}.ddcontainer:nth-of-type(20){order:23}.droptarget:nth-of-type(12){order:23;background-color:#ff0;color:#114576}.droptarget:nth-of-type(2){order:22;background-color:#d4165f}.droptarget:nth-of-type(3){order:21;background-color:#0ff;color:#000}.droptarget:nth-of-type(3):hover{order:21;color:#fff}.droptarget:nth-of-type(4){order:20;background-color:#8a81da}.droptarget:nth-of-type(5){order:19;background-color:#0f6b40;color:#fff}.droptarget:nth-of-type(6){order:18;background-color:#4b7c1a;color:#fff}.droptarget:nth-of-type(7){order:17;background-color:#dc143c}.droptarget:nth-of-type(8){order:16;background-color:orange;color:#150b18}.droptarget:nth-of-type(9){order:15;background-color:#8f36e2;color:#fff}.droptarget:nth-of-type(20){order:14;background-color:#43780f;color:#fff}.droptarget:first-of-type{order:12;background-color:#0ff;color:#114576}.droptarget:nth-of-type(13){order:11;background-color:#8a81da;color:#f0f8ff}.droptarget:nth-of-type(14){order:10;background-color:#9acd32;color:#150b18}.droptarget:nth-of-type(16){order:8;background-color:#39660c;color:#fff}.droptarget:nth-of-type(17){order:7;background-color:orange;color:#150b18}.droptarget:nth-of-type(18){order:6;background-color:#ff0;color:#000}.droptarget:nth-of-type(10){order:4;background-color:#00a2ff;color:#fff}.droptarget:nth-of-type(21){order:9;background-color:#dc143c;color:#f1efea}.droptarget:nth-of-type(15){order:3;background-color:orange;color:#150b18}.droptarget:nth-of-type(22){order:5;background-color:#dc143c;color:#f1efea}.droptarget:nth-of-type(19){order:2;background-color:#355e0d;color:#fff}.droptarget:nth-of-type(11){order:1;background-color:#dc143c;color:#f1efea}.droptarget:nth-of-type(23){order:13;background-color:#d4165f;color:#deffeb}.droptarget:nth-of-type(24){background-color:#1461b9;color:#deffeb}.droptarget:nth-of-type(25){background-color:#dfe214;color:#052b14}.droptarget:nth-of-type(26){background-color:#f7f7f7;color:#052b14}.droptarget:nth-of-type(27){background-color:#f07816;color:#052b14}.addNewVerb{font-size:.5vw;color:#000;transition:3s font-size,color}.droptarget:hover>.addNewVerb{font-size:1.5vw;color:#cfcfe6}@media only screen and (min-width:240px) and (max-width:320px){.ImgModule{visibility:hidden}}@media only screen and (min-width:240px) and (max-width:700px){.drag_array.arrTrip{grid-template-columns:1fr}}@media only screen and (min-width:240px) and (max-width:890px){.ddcontainersource,.droptarget{margin:4px}.droptarget div.textSenten,.ddcontainersource div.textSenten{padding:1px}}@media only screen and (min-width:240px) and (max-width:600px){.ddcontainerghost{width:104px}div.spanDropSent{font-size:13px;font-weight:400}.ddcontainersource,.droptarget{margin:.3rem;padding:2px}}@media only screen and (orientation: landscape) and (min-width:320px) and (max-width:320px){.testPass{left:10%;font-size:5vw;top:64%}}@media only screen and (orientation:portrait) and (min-width:240px) and (max-width:900px){.droptargetModule{width:14rem}.buttonDrag{display:grid;grid-template-columns:repeat(2,50%)}}@media only screen and (min-width:240px) and (max-width:699px){.testPass{font-size:1.5rem;margin:.5rem}}@media only screen and (min-width:700px) and (max-width:1000px){.testPass{font-size:2rem;margin:1rem}}@media only screen and (orientation:landscape) and (min-width:320px) and (max-width:320px){.droptargetModule{width:17rem}.buttonDrag{display:grid;grid-template-columns:repeat(2,50%)}}.container{margin:7% 0 0 10%;font-family:Arial,sans-serif}h1,h2{text-align:left}.module-row{display:flex;text-align:center;justify-content:center;margin:21px 0 0}.text-sound-check{color:#fff;margin:9px 0}input::placeholder{color:#b7c4d3;opacity:1}p{color:#b7c4d3}.button-send{position:absolute;width:75px;height:108%;font-size:32px;top:50%;transform:translateY(-50%);color:#fff0;right:0;background:#2a5385;border-radius:9px;text-align:center;justify-content:center;align-items:center;display:grid;cursor:pointer}.input-field{padding-right:30px;height:30px}.fa-microphone,.microphone{font-size:32px;cursor:pointer;color:#fff}.container-message{background-color:#2a5385;display:block;text-align:center;padding:11px 3px 3px;width:30px;border-radius:8px}.arrow{border:solid white;border-width:0 3px 3px 0;display:inline-block;padding:5px;font-size:27px}.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.text{color:#fff}.answer{height:23px;color:#accae5;font-size:18px}input[type=text].red{color:#fff}.checkMessage{line-height:4.1;font-size:1.5rem;color:#fff}.red-send{background-color:#fff}.correctMessage{color:#22bf05;font-size:1.5rem;margin:23px}div.container-sound{background:#17395700}.microphone{text-align:center;justify-content:center;align-items:center;display:grid}.prev-next-check-sound{margin:.5vw 3vw .5vw 0}.helpNeed{width:88px;display:grid;margin:auto;border-radius:3px;cursor:pointer;color:#fff;height:27px;align-items:center;background-color:#3c1262}.helpNeed:hover{color:#e7a0a0}.moduleToggleHelp{line-height:44px}.wordsSlider.help-text{background:#f0f8ff00}.module-help{background:#f0f8ff14;border-radius:23px;padding:23px}.microphone-row{margin:0}.sliderCheckSound{height:84px}@media (min-width: 240px) and (max-width: 900px){.prev-next-check-sound{margin:.5vw 0}}@media (min-width:461px) and (max-width: 800px){.sliderCheckSound{height:87px}}@media (min-width:435px) and (max-width: 800px){.moduleToggleHelp{line-height:29px}.module-help{padding:3px}.wordsSlider.help-text{height:90px}}@media (min-width: 240px) and (max-width: 500px){.text-sound-check{margin:8px 0}.moduleToggleHelp{margin:11px;line-height:27px}.module-help{padding:8px}}@media (min-width: 240px) and (max-width: 379px){.fa-microphone{left:10px}input[type=text]{font-size:13px}.button-send{width:40px;height:104%}.container{margin:7% 0 0 5%}.fa-microphone{font-size:20px}}@media (min-width: 380px) and (max-width: 750px){.fa-microphone{left:10px}input[type=text]{padding:7px 24px;font-size:13px}.fa-microphone{font-size:20px}.container{margin:7% 0 0 6%}}.box{display:none!important}div.spanDropSent{font-size:1rem}div.DragSenten1{display:block}div.DragSenten2{display:grid;grid-template-columns:auto auto}.wordDrag{font-size:14px}div.textSenten{padding:5px}div.select-drag{color:#fff}.x-box{visibility:hidden;color:#f000;cursor:poiner}@media only screen and (min-width:240px) and (max-width:499px){div.select-drag{color:#fff;font-size:16px;background-color:#2fa1c1fc;position:absolute;border-radius:12px;display:grid;padding:6px;z-index:1;grid-template-columns:auto 1fr;margin:0 8px}.x-box{visibility:hidden;background-color:#9937b7;color:#fff;height:fit-content;width:fit-content;font-size:23px;padding:8px;border-radius:6px;cursor:poiner}}@media only screen and (min-width:240px) and (max-width:400px){div.textVerbNoun{font-size:15px}div.spanDropSent{font-size:13px}span.itemDrop,div.spanDrop,span.correctWord{font-size:16px}div.select{color:#fff;font-size:16px}.img-drag{width:12rem}}@media only screen and (min-width:401px) and (max-width:700px){span.itemDrop,div.spanDrop,span.correctWord,div.textVerbNoun{font-size:17px}div.select{color:#fff;font-size:1rem}.img-drag{width:12rem}.droptarget:nth-of-type(20){order:1;background-color:#f8fc25;color:#000}.ddcontainer:nth-of-type(11){order:23}.droptarget:nth-of-type(22){order:3;background-color:orange;color:#150b18}.droptarget:nth-of-type(15){order:5;background-color:#dc143c;color:#f1efea}}@media only screen and (min-width:951px) and (max-width:1000px){.textVerbNoun{font-size:19px}}@media only screen and (min-width:240px) and (max-width:499px){div.drag_array{display:grid;grid-template-columns:1fr;padding:.2rem}}@media only screen and (min-width:500px) and (max-width:800px){div.drag_array{display:grid;grid-template-columns:1fr 1fr;padding:.2rem}}@media only screen and (min-width:500px) and (max-width:1500px){div.DragSenten1,div.DragSenten2{display:grid;grid-template-columns:1fr!important;padding:0;margin:0}}@media only screen and (min-width:801px) and (max-width:900px){div.drag_array{display:grid;grid-template-columns:1fr 1fr 1fr;padding:.2rem}.textVerbNoun{font-size:19px}}@media only screen and (min-width:240px) and (max-width:750px){.ddcontainersource,.droptarget{margin:4px}}#swithButtonAll{font-family:inherit;border-radius:.3rem;font-size:1rem;padding:.1rem;font-style:italic;width:fit-content}#swithButtonAll :disabled{background-color:#fff;border:solid 1px #8eaf9b;color:#dbdbdb}.swithButtonSound{color:#d1094d;font-size:.8rem;margin-bottom:0;font-style:italic}.gif-button{color:#29b729;font-weight:600;font-style:italic;font-size:1rem;border:solid 2px #29b729}.gif-cont{clip-path:inset(11% 0 0 0)}.gif{width:100%}.modul-gif{border:solid 3px #29b729;border-radius:13px;margin:auto;width:63%}.green{color:green}#next,#prev{border:0;padding:3px}.green :disabled,button.green[disabled]{background-color:#85c582;border:solid 1px #8eaf9b;color:#296830}.red{color:red;background-color:orange;cursor:not-allowed}.mainBox{font-weight:600}.wordsGlossary{margin:2px;background:#f0f8ff;font-size:17px;text-align:center}.th{width:20%;text-align:center}@media only screen and (min-width:240px) and (max-width:699px){.modul-gif{width:95%}}@media only screen and (min-width:700px) and (max-width:1000px){.modul-gif{width:90%}}@media only screen and (min-width:240px) and (max-width:489px){td.wordsGlossary{font-size:14px;padding:0;margin:0}}@media only screen and (min-width:490px) and (max-width:520px){table th{padding:0}}button#swithButtonAll{margin-bottom:0;font-size:11px}.buttonAllSound{display:grid;grid-template-columns:1fr;margin-left:auto}.lineVolume{display:flex;background:#181960;height:80%;border-radius:5px;border:solid 1px #842fbb}.h3-p{font-size:23px;margin:7px}.buttonsVolume{display:grid;grid-template-columns:1fr 1fr}.soundVolume{display:grid;grid-template-columns:auto 1fr}.volumeButton{margin-bottom:0;width:min-content;font-size:11px;border:solid 2px #4b1dbf}.volume{background-color:#6aa70e;border-radius:5px;width:100px;height:20px;margin:0 1vw;margin:auto}.sounds{display:grid;grid-template-columns:50% 50%}.select{color:#fff;padding:6px}.emoji{font-size:1rem}.container-learn-words,.container-learn-sentences{text-align:center}.words-container{margin:1vw;background:#173957;display:grid}#prev,#next{background-color:#e5ffeb;color:#cf8b0c;margin:.5vw 0 .5vw 3vw;border:0;font-size:11px}.wordsTitle,.titleSentances,.sentSlider{font-size:1.1rem;display:grid;align-items:center}.sentSlider{font-size:1rem}.wordsSlider,.contextSliderSent,.sentSlider{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;padding:0}span.wordsTitle,.wordsSlider,.trip,.sentSlider{background-color:#03034a;color:#fff}span.wordsSlider,span.contextSent{font-size:1.5rem}.wordsSlider,.contextSliderSent,.contextSlider,.sentSlider{font-size:1.1rem;display:grid;align-items:center}.contextSent{padding:0 8rem 0 0}button.buttonGlosaryShow,button.buttonGlossaryAdd{background-color:#0f5d7e;height:7.5rem;align-content:end;border:solid 1px white;font-size:1rem;padding:.5rem;width:-moz-available;margin:.2rem;width:-webkit-fill-available;font-style:italic}button.buttonGlossaryAdd{background-color:#256c41;border:solid 1px #68d392}.show,div.add{padding:3px;border-radius:.3rem;background-color:#277248;cursor:pointer;border:solid .2vw white;color:#fff579;width:50px;margin:auto}.hide{width:fit-content}div.add{background-color:#ff4646}.words-container.sliderGlossary{display:grid;grid-template-columns:88% 12%}.glossaryModule{margin-top:2.5rem}.glossaryBlock{margin:-19% auto auto;background-color:#7fffd4d6;width:fit-content;border-radius:3px;border:solid 2px #277248;padding:3px;position:relative}.titleGlossary{font-weight:900;font-size:19pxm}.titleButtonGlossary{color:#fff}.moduleMessage{color:#1bcb29;font-style:italic}div.slider{display:grid}.addNewClassSliderBlock,.addNewClassSliderBlock_word{grid-template-columns:8% 91.5%;column-gap:5px;padding:3px}.sliderBlock{display:grid;grid-template-columns:11% 88%;column-gap:5px;color:#fff;padding:3px;grid-template-rows:3rem}div.addNewClassSliderBlockSent{display:grid;column-gap:5px;grid-template-columns:7% 92.5%;color:#fff;padding:3px}.titleSentances,.contextSlider,.contextSliderSent{background-color:#03034a}.arrItem{background:#00f;padding:8px;margin:.6vw;border-radius:5px;cursor:pointer;display:inline-block;font-size:1.1rem;color:#fff}.arrItem:nth-of-type(2),.arrItem:nth-of-type(6){background-color:coral}.arrItem:nth-of-type(10),.arrItem:nth-of-type(4),.arrItem:nth-of-type(7){background-color:#ff0;color:#00f}.arrItem:nth-of-type(12),.arrItem:nth-of-type(8){background-color:#de3eec}.arrItem:last-child{background-color:#50ff7c;color:#000}.swithButtonSound{width:min-content}#swithButtonSound{border:solid 3px #6634cd}@media only screen and (min-width:240px) and (max-width: 500px){.select{padding:0}button{margin-bottom:0}}@media only screen and (min-width:240px) and (max-width: 399px){.sounds{grid-template-columns:1fr}.buttonAllSound{margin:auto}}@media only screen and (min-width:240px) and (max-width: 500px){span.contextSent{font-size:1.3rem}}@media only screen and (min-width:400px) and (max-width: 439px){.sounds{grid-template-columns:38% 60%}.volumeButton{font-size:.8rem}}@media only screen and (min-width:440px) and (max-width: 469px){.sounds{grid-template-columns:35% 64%}}@media only screen and (min-width:470px) and (max-width: 530px){.sounds{grid-template-columns:33% 66%}}@media only screen and (min-width: 531px) and (max-width: 600px){.sounds{display:grid;grid-template-columns:30% 69%}}@media only screen and (min-width:240px) and (max-width:389px){.volumeButton{font-size:12px;border-radius:5px}button{border-radius:5px}}@media only screen and (min-width:240px) and (max-width:500px){span.sentSlider{font-size:.9rem}}@media only screen and (min-width:400px) and (max-width:1000px){div.addNewClassSliderBlockSent,div.addNewClassSliderBlock{grid-template-rows:4rem}}@media only screen and (min-width:280px) and (max-width:399px){div.addNewClassSliderBlockSent,div.addNewClassSliderBlock{grid-template-rows:4.5rem}}@media only screen and (min-width:240px) and (max-width:279px){div.addNewClassSliderBlockSent,div.addNewClassSliderBlock{grid-template-rows:5.2rem}}@media only screen and (orientation: portrait){button{font-size:.8rem}}@media only screen and (min-width:500px) and (max-width:850px){.wordsTitle{font-size:.8rem}}@media only screen and (min-width:240px) and (max-width:350px){span.select,.swithButtonSound{font-size:.7rem}}@media only screen and (min-width:240px) and (max-width:823px){div.addNewClassSliderBlock_word{grid-template-rows:3rem}button.buttonStudy,button#swithButtonAll,.swithButtonSound{font-size:.8rem}}@media only screen and (min-width:240px) and (max-width:346px){.words-container{margin:1vw 0}}@media only screen and (min-width:240px) and (max-width:325px){button{margin:4px;padding:2px}}@media only screen and (min-width:324px) and (max-width:370px){button{margin:2px}}@media only screen and (min-width:240px) and (max-width:820px){span.wordsTitle{font-size:.7rem}}@media only screen and (min-width:240px) and (max-width:850px){button,.select,.wordsTitle,.sentSlider,.contextSliderSent,#swithButtonAll{font-size:.9rem}}@media only screen and (min-width:240px) and (max-width:500px){button#prev,button#next{margin:.5vw 0 .5vw 0vw;border-radius:6px;border:0;font-size:13px!important}}@media only screen and (min-width:501px) and (max-width:900px){#prev,#next{margin:.5vw 0 .5vw 0vw}}@media only screen and (min-width:240px) and (max-width:500px){#swithButtonAll{font-size:.7rem}}@media only screen and (min-width:240px) and (max-width:500px){.arrItem{padding:4px;margin:1vw;font-size:1rem}.contextSlider{font-size:.9rem}div.sliderBlock{display:grid;grid-template-columns:8% 90%}.moduleSlider div.addNewClassSliderBlockSent{display:grid;grid-template-columns:4% 95%}span.titleSentances{font-size:.7rem;writing-mode:vertical-lr}}@media only screen and (min-width:501px) and (max-width:980px){span.titleSentances{font-size:.7rem;writing-mode:vertical-lr}.sliderBlock,div.addNewClassSliderBlockSent{display:grid;grid-template-columns:4% 95%}}@media only screen and (orientation: landscape) and (min-width:320px) and (max-width:320px){.select{font-size:.7rem}span.titleSentances{font-size:.5rem!important}}@media only screen and (orientation: landscape) and (min-width:320px) and (max-width:900px){span.titleSentances{font-size:.7rem;writing-mode:vertical-lr}.sliderBlock,div.addNewClassSliderBlockSent{display:grid;grid-template-columns:5% 94%}}@media only screen and (min-width:400px) and (max-width:811px){.arrItem{font-size:1rem}}@media only screen and (min-width:812px) and (max-width:1000px){.arrItem{font-size:1rem}}@media only screen and (min-width:500px) and (max-width:900px){div.addNewClassSliderBlock_word{grid-template-columns:6% 93.5%}.wordsTitle,.titleSentances{font-size:.7rem}}@media only screen and (min-width:380px) and (max-width:820px){.addNewClassSliderBlock,.moduleSlider div.addNewClassSliderBlockSent{grid-template-columns:6% 92.5%}}@media only screen and (min-width:1024px) and (max-width:1024px){.buttonGlosaryShow,button.buttonGlossaryAdd{height:7rem}}@media only screen and (min-width:280px) and (max-width:280px){span.select{width:fit-content}.glossaryModule{place-items:center;grid-template-columns:repeat(2,43.5%);margin-top:0rem;margin-left:0}}@media only screen and (min-width:240px) and (max-width:320px){#prev,#next{padding:.2rem}}@media only screen and (min-width:240px) and (max-width:299px){.words-container{margin-top:.7rem}.select,button{font-size:.8rem}button{border-radius:5px}}@media only screen and (min-width:292px) and (max-width:337px){.select,button{font-size:.66rem}button{border-radius:5px}}@media only screen and (min-width:311px) and (max-width:311px){.select,button{font-size:.66rem}button{border-radius:5px}}@media only screen and (min-width:312px) and (max-width:359px){button,.select{font-size:.7rem}button{border-radius:5px}}@media only screen and (min-width:360px) and (max-width:370px){.select{font-size:.8rem}}@media only screen and (min-width:240px) and (max-width:439px){.select,.emoji{font-size:.9rem}.select{font-weight:700}}@media only screen and (min-width:280px) and (max-width:912px){.glossaryBlock{padding:0}td.wordsGlossary{font-size:13px}}@media only screen and (min-width:240px) and (max-width:300px){.wordsTitle{font-size:.7rem}.glossaryModule{margin-left:0}}@media only screen and (min-width:240px) and (max-width:396px){.glossaryBlock{margin-top:-60%}}@media only screen and (min-width:397px) and (max-width:500px){.glossaryBlock{margin-top:-60%}}@media only screen and (min-width:240px) and (max-width:900px){.words-container.sliderGlossary{grid-template-columns:1fr}.glossaryModule{display:grid;grid-template-columns:1fr 1fr;margin-top:1rem}.show,div.add{font-size:1rem}}@media only screen and (min-width:912px) and (max-width:950px){.titleButtonGlossary{font-size:.9rem}div button{border-radius:1vw}}@media only screen and (min-width:950px) and (max-width:950px){.buttonGlosaryShow,button.buttonGlossaryAdd{height:6rem}.titleButtonGlossary{font-size:1.8vw}.glossaryModule{margin-top:41%;margin-left:1.7vw}}@media only screen and (min-width:240px) and (max-width:980px){.contextSent{padding:0 2rem 0 0}}@media only screen and (min-width:600px) and (max-width:805px){span.wordsTitle{font-size:.8rem}div.addNewClassSliderBlock,.addNewClassSliderBlock_word{grid-template-columns:4% 96%}}@media only screen and (min-width: 901px) and (max-width: 1130px){.wordsTitle{font-size:.9rem}}@media only screen and (min-width:240px) and (max-width:823px){span.wordsTitle{font-size:.7rem;writing-mode:vertical-lr}}@media only screen and (min-width:492px) and (max-width:524px){button.buttonGlosaryShow,button.buttonGlossaryAdd{font-size:.8rem}}@media only screen and (min-width:300px) and (max-width:610px){.show,div.add{padding:3px;font-size:15px}}@media only screen and (min-width:240px) and (max-width:299px){button.buttonGlosaryShow,button.buttonGlossaryAdd{font-size:15px}}@media only screen and (min-width:300px) and (max-width:381px){.show,div.add{font-size:.8rem;padding:.1rem}}@media only screen and (min-width:240px) and (max-width:299px){.addNewClassSliderBlock,.addNewClassSliderBlock_word{grid-template-columns:7% 90.5%}span.wordsTitle{font-size:.7rem;writing-mode:vertical-lr}.swithButtonSound{padding:.1rem;margin:0;font-size:.6rem;border-radius:.3rem}}@media only screen and (min-width:280px) and (max-width:289px){span.wordsTitle{font-size:.7rem;writing-mode:vertical-lr}.swithButtonSound{padding:.1rem;margin:0;font-size:.6rem;border-radius:.3rem}button.buttonGlosaryShow,button.buttonGlossaryAdd{height:5rem;font-size:.7rem}.show,div.add{font-size:.8rem;padding:.1rem}}@media only screen and (min-width:240px) and (max-width:279px){.addNewClassSliderBlock,.addNewClassSliderBlock_word{grid-template-columns:6% 91.5%}span.wordsTitle{font-size:.7rem;writing-mode:vertical-lr}.swithButtonSound{padding:.1rem;margin:0;font-size:.7rem;border-radius:.3rem}}@media only screen and (orientation: landscape) and (min-width:500px) and (max-width:900px){.glossaryModule{display:grid;grid-template-columns:1fr 1fr;margin-top:1rem}.words-container.sliderGlossary{grid-template-columns:1fr}}@media only screen and (orientation: landscape) and (min-width:539px) and (max-width:700px){.buttonGlosaryShow,button.buttonGlossaryAdd{width:-webkit-fill-available}.show,div.add{font-size:1rem}}@media only screen and (orientation: landscape) and (min-width:533px) and (max-width:533px){.glossaryModule{margin-top:2rem}}@media only screen and (orientation: landscape) and (min-width:480px) and (max-width:480px){span.wordsTitle{padding:0}}@media only screen and (orientation: landscape) and (min-width:320px) and (max-width:320px){span.wordsTitle{padding:0}.wordsTitle{font-size:.7rem}.glossaryModule{margin-top:1.6rem}}@media only screen and (orientation: landscape) and (min-width:568px) and (max-width:568px){.words-container.sliderGlossary{display:grid}.wordsTitle{font-size:.7rem}}@media only screen and (orientation: landscape) and (min-width:653px) and (max-width:653px){.words-container.sliderGlossary{display:grid}}@media only screen and (orientation: landscape) and (min-width:667px) and (max-width:667px){.words-container.sliderGlossary{display:grid}span.wordsTitle{padding:0}.wordsTitle{font-size:.7rem}}@media only screen and (orientation: landscape) and (min-width:701px) and (max-width:929px){button.buttonGlosaryShow,button.buttonGlossaryAdd{height:7rem;word-wrap:unset}.show,div.add{font-size:1rem}}@media only screen and (orientation: landscape) and (min-width:930px) and (max-width:960px){button.buttonGlosaryShow,button.buttonGlossaryAdd{height:7.7rem}.glossaryModule{margin-left:0}}@media only screen and (orientation: landscape) and (min-width:640px) and (max-width:640px){button.buttonGlosaryShow,button.buttonGlossaryAdd{padding:0}}@media only screen and (orientation: landscape) and (min-width:281px) and (max-width:500px){div.titleGlossary{font-size:1rem}div.show,div.add,span.emoji{font-size:.7rem}}@media only screen and (orientation: landscape) and (min-width:281px) and (max-width:320px){.arrItem{padding:1vw;font-size:3vw}div button{font-size:3.2vw}}@media only screen and (orientation: landscape) and (min-width:480px) and (max-width:480px){.emoji{font-size:3vw}}@media only screen and (orientation: landscape) and (min-width:480px) and (max-width:745px){.arrItem{font-size:2.1vw;padding:1vw}}@media only screen and (min-width:240px) and (max-width:900px){button.buttonGlosaryShow,button.buttonGlossaryAdd{height:auto}}@media only screen and (min-width:901px) and (max-width:1100px){button.buttonGlosaryShow,button.buttonGlossaryAdd{height:8rem}}@media only screen and (min-width:240px) and (max-width:300px){button.buttonGlosaryShow,button.buttonGlossaryAdd,.show,div.add{font-size:17px}button.buttonGlosaryShow,button.buttonGlossaryAdd{height:85px}}@media only screen and (min-width:301px) and (max-width:400px){button.buttonGlosaryShow,button.buttonGlossaryAdd,.show,div.add{font-size:15px}button.buttonGlosaryShow,button.buttonGlossaryAdd{height:80px}}@media only screen and (orientation: portrait) and (min-width:300px) and (max-width:599px){.swithButtonSound{font-size:.6rem;padding:.1rem;border-radius:.2rem}}@media only screen and (orientation: landscape) and (min-width:640px) and (max-width:640px){span.arrItem{font-size:2.1vw}.glossaryBlock{margin-top:-35%}}@media only screen and (orientation: landscape) and (min-width:653px) and (max-width:731px){.glossaryBlock{margin-top:-35%}}.modulePay{padding:2rem 3rem 0rem;display:grid;grid-template-columns:1fr}.buttonPayYes{background:#c30000}.buttonPayNot{background:#24a524;display:grid;justify-content:center;align-items:center}.buttonPlisio{background:#fff;color:#323274;border:solid 3px #d94913;display:grid;justify-content:center;align-items:center;padding:1rem;font-weight:600;font-style:italic;width:50%;margin:auto;border-radius:10px;font-size:1.1rem}.buttonPlisio:hover{color:#fbfbfb;background:#428995}.buttonPayYes:focus,.buttonPayNot:focus{border:3px solid rgb(248,66,66)}.buttonPayYes,.buttonPayNot{padding:.3rem;border:3px solid white;color:#fff}.userAccount{display:grid;grid-template-columns:1fr 1fr;color:#fff}.module{margin:.3rem;font-size:1rem}.m-two{text-align:end}.button-Pay{background-color:#141f50;font-style:italic;color:#60e760;line-height:39px;border:solid 2px white;font-size:1rem}.button-Pay:hover{border-color:#a8abe9;background-color:#0a4142;color:#73ed77;font-style:italic;border:solid 2px #0aa50d}.accountPay{display:grid;grid-template-columns:1fr 1fr}.subscribe{background-color:#f5ebe8;width:52%;text-align:center;margin:auto;padding:3px;font-size:17px;padding:1rem;margin-bottom:.7rem;opacity:0;transition:opacity 2s}.questionUser{margin:3rem 0rem 1rem}.emojiPay{font-size:1.5rem}#loader-profile{top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;font-size:1.6rem;color:#fff;font-family:auto}.loader{font-size:10px;margin:10px;width:5em;height:5em;border-radius:50%;background:var(--redux-color);background:-moz-linear-gradient(left,var(--redux-color) 10%,rgba(128,0,255,0) 42%);background:-webkit-linear-gradient(left,var(--redux-color) 10%,rgba(128,0,255,0) 42%);background:-o-linear-gradient(left,var(--redux-color) 10%,rgba(128,0,255,0) 42%);background:-ms-linear-gradient(left,var(--redux-color) 10%,rgba(128,0,255,0) 42%);background:linear-gradient(to right,var(--redux-color) 10%,rgba(128,0,255,0) 42%);position:relative;-webkit-animation:load3 1.4s infinite linear;animation:load3 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.loader:before{width:50%;height:50%;background:var(--redux-color);border-radius:100% 0 0;position:absolute;top:0;left:0;content:""}.loader:after{background:#fff;width:75%;height:75%;border-radius:50%;content:"";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}.animeR1{position:relative;opacity:0;transition:opacity 3s}.animeR{width:100%;position:absolute;display:grid;justify-content:center;align-items:center;opacity:.5;height:100%;transition:height 3s}[class^=circle],.ring{font-size:.7em;display:grid;cursor:pointer;align-items:center;text-align:center;position:absolute;font-weight:bolder;border-radius:50%;box-shadow:2px 2px 6px #0000009e;width:55px;height:55px;line-height:1em;color:#070914;border:solid 2px white}.circle5{background-color:pink;line-height:.9;-webkit-animation-delay:1.5s;animation-delay:1.5s;animation:circle5 5s ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}.share{display:grid;grid-template-columns:37% 1fr;margin:auto}.text_share{margin:8px;padding:3px;color:#e39227;font-style:italic;font-size:15px}.share-button{border:solid 1px white;margin:8px;padding:3px;width:fit-content;height:fit-content;cursor:pointer}.all-share-button{display:flex}.share-button:nth-of-type(2){background-Color:#e1306c}.share-button:nth-of-type(3){background-Color:#229ed9}.share-button:nth-of-type(4){background-Color:#25d366}@media only screen and (min-width:370px) and (max-width: 660px){.share{grid-template-columns:1fr}.share-button{font-size:81%}}@media only screen and (min-width:340px) and (max-width: 500px){.rainbow{display:grid}}@media only screen and (min-width:240px) and (max-width: 660px){.text_share{margin:0;padding:0}}@media only screen and (min-width:240px) and (max-width: 369px){.share{grid-template-columns:1fr}.share-button{font-size:71%;padding:2px}}@-webkit-keyframes circle5{0%{transform:translate(0);border-radius:20%;background-color:#27b6d7}25%{transform:translateY(150%) scale(.5);border-radius:30%}50%{transform:translate(-150%,150%);background-color:#ff0;border-radius:50%}75%{transform:translateY(-150%,150%) scale 3d(.5);border-radius:50% 0%;background-color:#9be111}to{border-radius:50% 00% 50% 0%;transform:translate(-86%,90%)}}.circle1{background-color:#ff0;line-height:.9;-webkit-animation-delay:1.5s;animation-delay:1.5s;animation:circle1 5s ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}@-webkit-keyframes circle1{0%{transform:translate(0);border-radius:20%;background-color:#3f0}25%{transform:translateY(-150%) scale(.5);border-radius:30%}50%{transform:translate(150%,-150%);background-color:red;border-radius:50%}75%{transform:translateY(150%,-150%) scale 3d(.5);border-radius:50% 0%}to{border-radius:50% 00% 50% 0%;background:#ff0;transform:translate(93%,-100%)}}.circle2{background-color:#27b6d7;line-height:.9;-webkit-animation-delay:1.5s;animation-delay:1.5s;animation:circle2 5s ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}@-webkit-keyframes circle2{0%{transform:translate(0);border-radius:20%;background-color:pink}25%{transform:translate(-150%) scale(.5);border-radius:30%}50%{transform:translate(-150%,-150%);background-color:#f0f;border-radius:50%}75%{transform:translateX(-150%,150%) scale 3d(.5);border-radius:0% 50%;background-color:red}to{border-radius:0% 50%;transform:translate(-97%,-79%);background-color:#27b6d7}}.circle3{background-color:#ff0;line-height:.9;-webkit-animation-delay:1.5s;animation-delay:1.5s;animation:circle3 5s ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}@-webkit-keyframes circle3{0%{transform:translate(0);border-radius:20%;background-color:#27b6d7}25%{transform:translate(150%) scale(.5);border-radius:30%}50%{transform:translate(150%,150%);background-color:#f0f;border-radius:50%}75%{transform:translateX(150%,-150%) scale 3d(.5);border-radius:0% 50%;background-color:red}to{border-radius:0% 50%;transform:translate(100%,95%);background-color:#27b6d7}}.circle4{background-color:red;line-height:.9;-webkit-animation-delay:1.5s;animation-delay:1.5s;animation:circle4 5s ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}@-webkit-keyframes circle4{0%{transform:translate(0);border-radius:20%;background-color:green}25%{transform:translate(90%) scale(.5);border-radius:30%}50%{transform:translate(190%,-10%);background-color:green;border-radius:50%}75%{transform:translateX(150%,-250%) scale 3d(.5);border-radius:50% 0%;background-color:#00f}to{border-radius:50% 0%;transform:translate(135%,-8%) rotate(40deg);background-color:green}}.circle0{background-color:#27b6d7;line-height:.9;-webkit-animation-delay:1.5s;animation-delay:1.5s;animation:circle0 5s ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}@-webkit-keyframes circle0{0%{transform:translate(0);border-radius:20%;background-color:#9696d0}25%{transform:translate(-90%) scale(.5);border-radius:30%}50%{transform:translate(-190%,10%);background-color:#d1df0d;border-radius:50%}75%{transform:translateX(-150%,250%) scale 3d(.5);border-radius:50% 0%;background-color:#00f}to{border-radius:50% 0%;transform:translate(-123%,13%) rotate(40deg);background-color:green}}.circle6{background-color:#ff0;line-height:.9;-webkit-animation-delay:1.5s;animation-delay:1.5s;animation:circle6 5s ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}@-webkit-keyframes circle6{0%{transform:translate(0);border-radius:20%;background-color:#9696d0}25%{transform:translateY(-90%) scale(.5);border-radius:30%}50%{transform:translate(10%,-190%);background-color:#1bcdec;border-radius:50%}75%{transform:translateY(-150%,250%) scale 3d(.5);border-radius:0% 50%;background-color:#00f}to{border-radius:0% 50%;transform:translate(-5%,-128%) rotate(42deg);background-color:red}}.circle7{background-color:#0ff0;line-height:.9;-webkit-animation-delay:1.5s;animation-delay:1.5s;animation:circle7 5s ease-in-out;animation-iteration-count:1;animation-fill-mode:forwards}@-webkit-keyframes circle7{0%{transform:translate(0);border-radius:20%;background-color:#9696d0}25%{transform:translateY(90%) scale(.5);border-radius:30%}50%{transform:translate(-10%,190%);background-color:green;border-radius:50%}75%{transform:translateY(150%,-150%) scale 3d(.5);border-radius:0% 50%;background-color:#00f}to{border-radius:0% 50%;transform:translate(5%,128%) rotate(47deg);background-color:#3c4aab}}.ring{background-color:#132b5e;width:63px;height:63px;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation:ring 5s ease-in-out,width 3s;animation:ring 5s ease-in-out,width 3s;animation-iteration-count:1;color:#fff;opacity:1;position:relative;transition:opacity 3s}@keyframes ring{0%{border-radius:50%;transform:rotateY(0),rotate(-45deg);background-color:#d8baff}25%{border-radius:50%;transform:rotateY(360deg);background-color:#0b5796}50%{border-radius:50%;transform:rotateY(360deg);background-color:#189433}}.ring:hover,[class^=circle]:hover{opacity:.5}.container-learn-words{margin:0 .5rem;overflow:scroll}.clickItem{padding:.3rem;border-radius:5px;cursor:pointer;display:grid;grid-template-columns:91% 9%}.clickItem:nth-child(odd){background:#1d3e3b;margin:.5rem 1px .5rem 100px}.clickItem:nth-child(2n){background:#305354;margin:.5rem 100px .5rem 1px}.soundButton{background-color:#420f5494;border-radius:7px;border:2px solid #37916a;height:fit-content;font-style:italic;padding:2px;font-size:.9rem;position:relative;top:50%;transform:translateY(-50%);word-wrap:break-word}.active{color:#ff4d4d;background:#f0f8ff}.soundButton:active{color:#37916a}.title-lang{color:#c7c104;font-size:19px;font-style:italic}.second-lang{color:#d5a658}.clickItemChild{text-align:left;padding:.2rem;display:grid;align-items:center}.videoBox{border:solid 2px green;border-radius:6px;margin:auto}.video{width:100%;clip-path:inset(0% 11% 4% 11%)}@media only screen and (min-width:240px) and (max-width:400px){.video{width:251%;clip-path:0;margin:0 0 -4px -216px}}@media only screen and (min-width:240px) and (max-width:300px){.clickItem{font-size:7vw;padding:0}.title-lang,span.select{font-size:6vw}}@media only screen and (min-width:301px) and (max-width:400px){.clickItem{font-size:5vw;padding:0}.title-lang,span.select{font-size:4vw}}@media only screen and (min-width:401px) and (max-width:430px){.clickItem{font-size:5vw;padding:0}.title-lang,span.select{font-size:4vw}}@media only screen and (min-width:240px) and (max-width:700px){.clickItem:nth-child(odd){margin:.5rem 1px}.clickItem:nth-child(2n){margin:.5rem 1px}.soundButton{width:fit-content;padding:3px;font-size:.8rem}}@media only screen and (min-width:240px) and (max-width:369px){.clickItem{grid-template-columns:84% 10%}}@media only screen and (min-width:370px) and (max-width:399px){.clickItem{grid-template-columns:86% 10%}}@media only screen and (min-width:400px) and (max-width:449px){.clickItem{grid-template-columns:87% 10%}}@media only screen and (min-width:450px) and (max-width:479px){.clickItem{grid-template-columns:88% 10%}}@media only screen and (min-width:480px) and (max-width:600px){.clickItem{grid-template-columns:89% 9%}}.moduleSpeak{height:57px;padding:15px 0 0}.microphoneSpeak{margin-bottom:0;font-size:20px;color:#3b8f26;cursor:pointer}.microphoneSpeak:hover{color:#c7360a}.spinner-s{color:#fff}.spinner-s,.spinner-s div{box-sizing:border-box}.spinner-s{display:inline-block;position:relative;width:80px;height:57px;margin:auto}.spinner-s div{position:absolute;top:22.33333px;width:10.33333px;height:10.33333px;border-radius:50%;background:currentColor;animation-timing-function:cubic-bezier(0,1,1,0)}.spinner-s div:nth-child(1){left:8px;animation:spinner-s1 .6s infinite}.spinner-s div:nth-child(2){left:8px;animation:spinner-s2 .6s infinite}.spinner-s div:nth-child(3){left:32px;animation:spinner-s2 .6s infinite}.spinner-s div:nth-child(4){left:56px;animation:spinner-s3 .6s infinite}@keyframes spinner-s1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes spinner-s3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes spinner-s2{0%{transform:translate(0)}to{transform:translate(24px)}}@media (min-width: 240px) and (max-width: 500px){.moduleSpeak{height:32px;padding:0}}@media (min-width: 501px) and (max-width:700px){.moduleSpeak{height:40px;padding:8px}}.gif-cont2{width:70%;display:grid;margin:23pxauto 23px;margin:56px auto;border:solid 2px green;border-radius:6px}.gif2{width:100%;clip-path:inset(0 4% 4% 4%)}.gif-button2{color:#29b729;font-weight:600;font-style:italic;font-size:1rem;border:solid 2px #29b729;width:fit-content;display:grid;margin:auto}.video2{width:62%;margin-top:4%;clip-path:inset(1% 25% 6% 25%)}.videoBox1{margin:5% 0}.videoBox2{background-color:#2a5385;width:100%;display:flex;justify-content:center}@media only screen and (min-width:240px) and (max-width:350px){.video2{width:250%}}@media only screen and (min-width:351px) and (max-width:450px){.video2{width:180%}}@media only screen and (min-width:451px) and (max-width:670px){.video2{width:150%}}@media only screen and (min-width:671px) and (max-width:800px){.video2{width:120%}}@media only screen and (min-width:801px) and (max-width:1000px){.video2{width:100%}}@media only screen and (min-width:240px) and (max-width:350px){span.sliderCheckSound{height:115px;font-size:20px}.module-help{height:171px;display:grid;grid-template-rows:80% 10%}}@media only screen and (min-width:351px) and (max-width:460px){.module-help{height:121px;display:grid;grid-template-rows:80% 10%}span.sliderCheckSound{height:125px;font-size:20px}}@media only screen and (min-width:240px) and (max-width:2000px){.gif-cont2{width:88%}}