.hocr-text-popup{position:absolute;background-color:#fff;padding:12px 16px;border-radius:12px;color:#000;font-size:24px;font-weight:600;margin-top:70px;animation:scaleEffectHome 1s ease-in-out infinite}@media(max-width:500px){.hocr-text-popup-mobile{left:12%!important}}.ocr_page{position:fixed;left:50%;transform:translateX(-50%);width:764px;height:1174px}.hocr-overflow{overflow-y:auto;overflow-x:hidden;width:100%;height:100%}.hocr-container{height:100%;overflow-y:scroll}.hocr-container::-webkit-scrollbar{width:5px}.hocr-container::-webkit-scrollbar-track{box-shadow:inset 0 0 2px #ccc;border-radius:10px}.hocr-container::-webkit-scrollbar-thumb{background:#d6d6d7;border-radius:10px}.hocr-container::-webkit-scrollbar-thumb:hover{background:#d6d6d7}.hocrjs-blank{width:40px!important;border-radius:48px!important;height:40px!important;transition:width .3s linear;overflow:hidden;padding:0 4px 0 8px}.hocrjs-blank .ocrx-btn-text span{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;display:inline-block;margin-left:0;font-size:18px;font-weight:600;transition:max-width .3s ease,margin-left .3s ease}.hocrjs-blank:hover{width:-moz-max-content!important;width:max-content!important}.hocrjs-blank:hover .ocrx-btn-text span{padding:0 16px 0 8px;max-width:1000px;opacity:1;margin-left:8px;margin-top:-1px}.animate-shrink-width{width:-moz-max-content!important;width:max-content!important;animation:shrinkWidth 3s forwards}.animate-shrink-width .ocrx-btn-text span{max-width:1000px;opacity:1;margin-left:0;margin-top:-1px;padding:0 16px 0 8px}@keyframes shrinkWidth{0%{width:-moz-max-content!important;width:max-content!important;border-radius:8px!important}to{width:64px!important;border-radius:50%!important}}.active-logs{background-color:#05b72a!important}.active-logs .ocrx-btn-text span{color:#fff}.active-logs svg path{fill:#fff!important}.isCorrect-logs{background-color:red!important}.isCorrect-logs:hover{background-color:rgba(243,21,21,.7411764706)!important}.isCorrect-logs svg path{stroke:#fff!important}.isCorrect-logs .ocrx-btn-text span{color:#fff}.hocr-viewer-container{height:100%;transform-origin:center top;padding-right:10px}.hocr-btn{background:#fff!important;border:2px solid #4267cd;overflow:hidden}@media screen and (max-width:1100){.hocr-container{opacity:auto}}@media screen and (max-width:920px){.hocr-viewer-container,.hocr-viewer-container-turial{transform:scale(.9)}}@media screen and (max-width:650px){.hocr-container{width:100%}.hocr-viewer-container,.hocr-viewer-container-turial{transform:scale(.8);overflow-y:visible;overflow-x:visible}.ocr_page{border-radius:35px;top:20%}}@media screen and (max-width:550px){.hocr-viewer-container,.hocr-viewer-container-turial{transform:scale(.8);transform-origin:center top}}@media screen and (max-width:500px){.full__screen__container{padding:0}}.icon{cursor:pointer;position:relative;display:inline-block;width:42px;height:42px;margin-left:42px/5;margin-right:42px/5;border-radius:21px;overflow:hidden}.icon:after,.icon:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;transition:all .25s ease;border-radius:21px}.icon svg{position:relative;color:#fff;font-size:42px/2;transition:all .25s ease}.hocr-btn:hover{background-color:#4267cd!important}.hocr-btn:hover .ocrx-btn-text span{color:#fff}.hocr-btn:hover svg path{fill:#fff!important}.icon-collapse{box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.15)}.icon-inCorrect:before{border-radius:0}.icon-inCorrect:hover:hover{background-color:#ff3838!important}.hocr-btn-scalle{animation:scaleEffect 2s ease-in-out infinite}.icon-correct:before{border-radius:0}.icon-correct:hover{background-color:#0ac60a!important}.icon-disable{cursor:default!important}.icon-disable:hover:before{box-shadow:none}.icon-disable svg path{fill:#8c96b1}.active-scale{transform:scale(1.2);transition:transform .3s linear}.hocr-vocabulary-container{width:100%;position:absolute;bottom:0}.hocr-vocabulary-container .header-vocabulary{background-color:#fff;box-shadow:0 0 15px rgba(0,0,0,.35);border-radius:8px;padding:8px 16px;height:40px}.hocr-vocabulary-container .flag{font-size:12px;color:#3f4254;margin-top:5px}.hocr-vocabulary-container .title-result{display:flex;align-items:center;gap:4px}.hocr-vocabulary-container .title-result h5{font-size:12px;font-weight:600}.hocr-vocabulary-container .hocr-vocabulary-main{max-width:570px;margin:8px auto auto;position:relative;display:flex;flex-direction:column;align-items:stretch}.hocr-vocabulary-container .box-language{display:flex;flex-direction:column;justify-content:space-between;height:127px;box-shadow:0 -1px 8px 0 rgba(0,0,0,.0784313725);border-radius:24px;margin-bottom:16px;background:#fff}.hocr-vocabulary-container .box-language .loading-ai{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 16px}.hocr-vocabulary-container .box-language .loading-ai .animation-loading{display:flex;align-items:center;justify-content:center;gap:8px;height:40px}.hocr-vocabulary-container .box-language .loading-ai .wave-audio{display:flex;align-items:center;justify-content:center;gap:2px;height:50px}.hocr-vocabulary-container .box-language .loading-ai .wave-audio span{display:inline-block;width:3px;background-color:#448aff;margin:0 2px;animation:changeHeight 1s ease-in-out infinite;transform-origin:center;border-radius:16px}@keyframes changeHeight{0%{height:10px}25%{height:25px}50%{height:30px}75%{height:40px}to{height:10px}}.hocr-vocabulary-container .box-language .data-result-ai{display:flex;justify-content:space-between;align-items:center;padding:8px 16px}.hocr-vocabulary-container .box-language .data-result-ai .words-ai{font-size:22px;font-weight:600;line-height:22px;margin-bottom:8px}.hocr-vocabulary-container .box-language .data-result-ai .words-ai span{margin-left:2px}.hocr-vocabulary-container .box-language .data-result-ai .transcription-ai{font-size:18px;font-weight:400;line-height:20px;color:#8c96b1}.hocr-vocabulary-container .box-language .data-result-ai .transcription-ai span{margin-left:2px}.hocr-vocabulary-container .box-language .data-result-ai .poine{display:flex;align-items:center}.hocr-vocabulary-container .box-language .footer-worning{height:43px;display:flex;align-items:center;border-bottom-left-radius:24px;border-bottom-right-radius:24px;padding:0 16px}.hocr-vocabulary-container .box-language .footer-worning .text-alert{font-size:16px;font-weight:600;line-height:20px;color:#fff}.hocr-vocabulary-container .box-language .word-check-ai{justify-content:center;background-color:#4267cd}.hocr-vocabulary-container .box-result{position:relative;background:#fff;display:flex;align-items:center;flex-direction:column;width:152px;transition:width .4s,padding .4s}.hocr-vocabulary-container .box-result-disable{width:0}.hocr-vocabulary-container .hocr-vocabulary{position:relative;background:#fff;box-shadow:0 -1px 4px 0 rgba(0,0,0,.2509803922);max-height:103px;width:100%;height:100%;border-top-left-radius:16px;border-top-right-radius:16px;padding:6px 16px;display:flex;justify-content:space-between;align-items:center}.hocr-vocabulary-container .hocr-vocabulary .btn-switch{width:28px;height:28px;display:flex;align-items:center;justify-content:center;opacity:.5;cursor:not-allowed}.hocr-vocabulary-container .hocr-vocabulary .active{opacity:1;cursor:pointer}.hocr-vocabulary-container .hocr-vocabulary .vocabulary-title{color:#4267cd;font-size:16px;font-weight:600}.hocr-vocabulary-container .hocr-vocabulary .vocabulary-transcription{font-size:14px;font-weight:400;color:#a3abc0;margin:6px 0}.hocr-vocabulary-container .hocr-vocabulary .vocabulary-translate{font-size:14px;font-weight:400}.hocr-vocabulary-container .hocr-vocabulary .vocabulary-mic-unlock{width:50px;height:20px;font-weight:600;line-height:10px;margin:-5px auto 0;position:relative;padding:1px 0;z-index:1;text-align:center;cursor:pointer}.hocr-vocabulary-container .hocr-vocabulary .vocabulary-mic{animation:scaleEffect 2s ease-in-out infinite}.hocr-vocabulary-container .vocabulary-info{max-width:390px}.hocr-vocabulary-container .check-audio{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.hocr-vocabulary-container .progress-circle{position:relative;cursor:pointer}.hocr-vocabulary-container .progress-circle svg{transform:rotate(-90deg)}.hocr-vocabulary-container .progress-circle .background-circle{stroke:#e6e6e6}.hocr-vocabulary-container .progress-circle .progress-circle__progress{stroke:#f01a3c;stroke-linecap:round;stroke-dasharray:0,100;animation:progress-animation 5s forwards}.hocr-vocabulary-container .progress-circle .time-checkRecouse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;font-weight:700;color:#333;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#f01a3c}.hocr-vocabulary-container .loading-spinner{width:50px;height:50px;border:5px solid #d2dfff;border-top-color:#4d78de;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes scaleEffect{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.hocr-vocabulary-container .recouse{display:flex;justify-content:center;align-items:center;border-radius:50%;width:68px;height:68px;background-color:#f01a3c;cursor:pointer}.hocr-vocabulary-container .recousding{width:68px;height:68px;border:6px solid #bf7fe0;background-color:#af52de;position:relative;overflow:hidden;animation:scaleEffect 2s ease-in-out infinite}@keyframes progress-animation{0%{stroke-dasharray:0,100}to{stroke-dasharray:100,100}}.hocr-report{font-size:12px;display:flex;justify-content:end;align-items:center;gap:8px;flex-direction:row-reverse}.hocr-report .hocr-title{width:-moz-fit-content;width:fit-content;cursor:pointer;border-radius:16px;font-weight:600;color:#000;height:-moz-fit-content;height:fit-content}.hocr-report .hocr-report-close{width:32px;height:32px;background-color:#7a7a7a;border-radius:50%;justify-content:center;align-items:center;cursor:pointer;transition:all .25s linear;display:none}.hocr-report .hocr-report-close:hover{background-color:red}.result-audio{display:flex;flex:1;align-items:center;gap:5px}.result-audio .title-result{display:flex;gap:3px;width:calc(100% - 45px)}.result-audio .title-result h5{font-size:14px;font-weight:600}.result-audio .title-result .success-speak{color:#33b469}.result-audio .title-result .mid-speak{color:#ffb63c}.result-audio .title-result .warning-speak{color:#dd2e44}.result-audio .title-result p{font-size:14px;font-weight:400;line-height:20px;color:#3f4254}.result-audio .title-result p span{font-weight:600}.box-ponunciation{flex:1;display:none}.box-ponunciation__header{width:100%;top:-50px;right:0;transform:rotate(50%,50%);display:flex;justify-content:center;align-items:center;gap:8px}.progress-values{position:absolute;top:25%;right:50%;transform:translate(60%,50%)}.progress-value,.progress-values{font-weight:400;color:#000;z-index:1;font-size:12px}.text-progress{position:relative}.success-speak{color:#33b469}.mid-speak{color:#ffb63c}.warning-speak{color:#dd2e44;height:-moz-fit-content;height:fit-content}.icon-speak{border:2px solid rgba(66,103,205,.2);padding:5px 4px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;transition:all .25s linear}.icon-speak:hover{scale:1.1;box-shadow:1.95px 1.95px 2.6px rgba(0,0,0,.1490196078)}.icon-speak__active:before{content:"";position:absolute;box-sizing:border-box;inset:-2px;border-radius:50%;border:2px solid #4267cd;animation:prixClipFix .98s linear infinite}@keyframes prixClipFix{0%{clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}25%{clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}50%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}75%{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}to{clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}}.turial-mic-text-popup{position:absolute;background-color:#fff;padding:12px 16px;border-radius:12px;color:#000;font-size:12px;font-weight:600;width:-moz-fit-content;width:fit-content;animation:scaleEffectHome 1s ease-in-out infinite;top:-57%;z-index:101;right:1%;transform:translate(50%)}.turial-mic-text-popup:before{content:"";position:absolute;top:100%;left:52%;transform:translateY(50%);border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid #fff}@keyframes scaleEffectHome{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hocr-mobile-header{max-width:570px;margin:auto;justify-content:end;align-items:center}.turial-mic{position:relative;z-index:101}.beta-ai{background:linear-gradient(90deg,#428ecd,#512167);width:80px;height:18px;position:absolute;right:0;top:0;border-top-right-radius:12px;border-bottom-left-radius:12px}.beta-ai .head-beta{display:flex;justify-content:center;align-items:center;margin-top:-2px}.beta-ai .head-beta img{width:10px;margin-right:6px}.beta-ai .head-beta span{font-size:10px;font-weight:600;line-height:22px;color:#fff}@media screen and (max-width:1024px){.border-display-none{display:none}.ocr_page{top:10%}}@media screen and (max-width:550px){.hocr-vocabulary{margin-top:0}.hocr-vocabulary-container{bottom:0;left:0;right:0}.vocabulary-info{max-width:220px}.hocr-vocabulary-container .box-result{display:none}}@media screen and (max-width:500px){.hocr-vocabulary-container{bottom:78px}.box-ponunciation{display:block}.hocr-title{display:none}}@media screen and (max-width:375px){.hocr-vocabulary-container{bottom:77px}}