.main-layout{background-color:#4267cd;max-width:1440px;margin:auto;padding:16px;height:100vh;border-radius:32px;display:flex}.main-body{max-width:1154px;position:relative}.main-full-body{max-width:1312px;position:relative}.main-body,.main-full-body{background:#fff;border-radius:24px;width:100%;overflow-y:scroll}.main-body::-webkit-scrollbar,.main-full-body::-webkit-scrollbar{display:none}@media screen and (max-width:1024px){.main-body{background:#fff;border-radius:24px;width:100%;overflow-y:auto}}@media screen and (max-width:500px){.main-layout{flex-direction:column;position:relative}.main-full-body{flex:1 1}.main-body{margin-bottom:64px}.main-layout{background-color:#4267cd;max-width:1440px;margin:auto;padding:10px;height:100vh;border-radius:32px}}.modal-translates .modal-dialog{max-width:630px;width:100%;padding:10px}.modal-translates .modal-dialog .modal-content{border-radius:24px;padding:10px 24px}.modal-translates .modal-dialog .modal-content .modal-body{padding:10px 0 25px}.modal-translates .modal-dialog .mt-link-source{color:#3f4254;font-weight:600;font-size:12px;text-align:right;margin-top:8px}.head-modal{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.head-modal p{font-size:18px;font-weight:700;line-height:22px;color:#3f4254;margin-bottom:0}.head-modal img{cursor:pointer;width:24px}.Toogle-language{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.Toogle-language .transfer-language{display:flex;align-items:center;justify-content:center;max-width:260px;width:100%;height:58px;background-color:#4267cd;border-radius:16px;padding:8px}.Toogle-language .transfer-language p{font-size:16px;line-height:22px;font-weight:600;text-align:center;color:#fff;margin-bottom:0}.Toogle-language img{cursor:pointer;width:24px}.transfer-languages{display:flex;justify-content:space-between;gap:10px}.transfer-languages .box-text-tran{position:relative;padding:20px 32px 28px 20px;width:278px;height:227px;border-radius:16px;border:2px solid rgba(179,222,255,.4901960784);box-shadow:0 2px 0 0 rgba(179,222,255,.4901960784);overflow:hidden}.transfer-languages .box-text-tran .img-clear-value{position:absolute;width:20px;top:10%;right:3%;cursor:pointer}.transfer-languages .box-text-tran .total-value{position:absolute;bottom:2%;right:20px;margin-bottom:0}.transfer-languages .box-text-tran .option-tran{position:absolute;bottom:2%;left:20px;display:flex;width:20px;align-items:center}.transfer-languages .box-text-tran .option-tran .speak-language{cursor:pointer}.transfer-languages .box-text-tran .option-tran .copy-tran{margin-left:10px;cursor:pointer}.transfer-languages .box-text-tran .inline-loading{display:inline-block}.transfer-languages .box-text-tran .loading-tran{display:flex;justify-content:center;align-items:center}.transfer-languages .box-text-tran .loading-tran span{width:3px;height:3px;background-color:#333;border-radius:50%;color:#333;margin:0 2px;animation:bounce .8s ease-in-out infinite}.transfer-languages .box-text-tran .loading-tran :first-child{animation-delay:0s}.transfer-languages .box-text-tran .loading-tran :nth-child(2){animation-delay:.2s}.transfer-languages .box-text-tran .loading-tran :nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.transfer-languages .translate-lan,.transfer-languages textarea{width:100%;height:100%;font-size:16px;color:#333;resize:none;overflow:auto;white-space:pre-wrap;outline:none;overflow-y:auto;scrollbar-width:none}.transfer-languages .translate-lan::-webkit-scrollbar,.transfer-languages textarea::-webkit-scrollbar{display:none}.transfer-languages .box-translate{background-color:#f5f5fa;border:2px solid #f5f5fa;box-shadow:0 2px 0 0 #f5f5fa}.transfer-languages .box-translate .translate-lan{word-break:break-word}.transfer-languages .box-translate .translate-lan,.transfer-languages .box-translate .translate-lan .placeholder-option{color:rgba(128,128,128,.5490196078);font-weight:500}.transfer-languages .box-translate .translate-lan .transfer-text{color:#333;opacity:.8}@media(max-width:768px){.transfer-languages{display:block}.transfer-languages .box-text-tran .img-clear-value{top:10%;right:2%}.transfer-languages .box-text-tran{width:100%;height:150px;margin-bottom:10px}.transfer-languages .box-text-tran .option-tran{left:10px}.transfer-languages .box-text-tran .option-tran img{width:20px}.transfer-languages .tranfer-lan-root,.transfer-languages .translate-lan{width:100%}}@media(max-width:576px){.Toogle-language img{margin:0 10px;width:24px}.modal-translates .modal-dialog{margin:0 auto;max-width:calc(100% - 40px)}}@media(max-width:399px){.modal-translates .modal-dialog .modal-content{border-radius:24px;padding:10px}.modal-translates .modal-dialog .modal-content .modal-body{padding:10px 10px 30px}.transfer-languages .box-text-tran .tranfer-lan-root,.transfer-languages .box-text-tran .translate-lan{padding:0}.transfer-languages .box-text-tran .option-tran img{width:16px}.Toogle-language .transfer-language{height:42px}.Toogle-language .transfer-language p{font-size:14px}}.modal-limited-point::-webkit-scrollbar{display:none}.modal-limited-point .modal-dialog{max-width:375px;width:100%}.modal-limited-point .modal-dialog .modal-content{border-radius:16px;padding:24px 12px;background-color:#f9fbff}.modal-limited-point .mlp-accordion{margin-bottom:16px;box-shadow:0 0 8px 0 rgba(0,0,0,.0784313725);border-radius:8px}.modal-limited-point .mlp-accordion .accordion-header .accordion-button:not(.collapsed){background-color:rgba(0,0,0,0);outline:none;box-shadow:none;color:#000}.modal-limited-point .mlp-accordion .accordion-collapse.collapse.show{padding-bottom:8px}.modal-limited-point .mlp-accordion .accordion-item{border:none!important}.modal-limited-point .mlp-accordion .accordion-button:focus{box-shadow:none}.modal-limited-point .mlp-accordion .accordion-button{font-weight:600;font-size:16px;line-height:24px}.modal-limited-point .mlp-accordion .accordion-button:after,.modal-limited-point .mlp-accordion .accordion-button:not(.collapsed):after{background-image:url(/_next/static/media/arrow-down-gray.12bca1ee.svg)!important}.modal-limited-point .epl-item .epl-icon{width:40px;height:40px;padding:0!important;display:flex;justify-content:center;align-items:center}.modal-limited-point .epl-item .epl-icon svg{width:20px;height:20px}.modal-limited-point .epl-item .epl-title{font-size:14px;font-weight:600;color:#3f4254}.modal-limited-point .epl-item .epl-tags{margin-top:0!important;font-size:10px!important}.modal-limited-point .content-point{position:relative}.modal-limited-point .content-point .modal-point_header .close-modal-point{width:24px;height:24px;position:absolute;right:0}.modal-limited-point .content-point .modal-point_header .close-modal-point img{width:100%}.modal-limited-point .content-point .modal-point_header h5{text-align:center;font-size:20px;font-weight:600;line-height:24px;color:#000}.modal-limited-point .content-point .modal-point-limit_content .img-modal{margin:16px 0 24px;display:flex;justify-content:center;align-items:center}.modal-limited-point .content-point .modal-point-limit_content .description-modal{text-align:center;margin-bottom:16px}.modal-limited-point .content-point .modal-point-limit_content .description-modal p{font-size:16px;font-weight:500;line-height:24px;color:#404c6d;margin-bottom:8px}.modal-limited-point .content-point .modal-point-limit_content .description-modal span{display:block;font-size:14px;font-weight:500;line-height:24px;color:gray;padding:0 20px}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal{display:flex;justify-content:center;align-items:start;gap:16px;border-radius:8px;padding:8px 16px;border:.5px dashed #8b5cff;background-color:#f4f0fe;margin-bottom:16px}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege h5{font-size:16px;line-height:20px;font-weight:600;color:#000;margin-bottom:24px}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege h5 span{display:inline-block;width:44px;height:15px;text-align:center;line-height:15px;font-size:12px;font-weight:600;color:#fff;text-transform:uppercase;border-radius:24px;background:linear-gradient(90deg,#fcd34d,#f59e0b 92.59%);box-shadow:0 2px 8px 0 rgba(0,0,0,.2509803922)}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege ul li{margin-bottom:4px}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege ul li .item{display:flex;gap:8px}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege ul li .box-dot{display:block;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege ul li .box-dot .dot{width:5px;height:5px;background-color:#404c6d;border-radius:50%;flex-shrink:0;margin-top:2px}.modal-limited-point .content-point .modal-point-limit_content .privilege-modal .option-privilege ul li .option-pri{font-size:16px;line-height:24px;font-weight:500;color:#404c6d}.modal-limited-point .content-point .modal-point-limit_content .receive-points{margin-bottom:16px}.modal-limited-point .content-point .modal-point-limit_content .receive-points .custom-accordion .accordion-item{box-shadow:0 0 8px 0 rgba(0,0,0,.0784313725);border-radius:8px}.modal-limited-point .content-point .modal-point-limit_content .receive-points .custom-accordion .accordion-button{background-color:rgba(0,0,0,0)!important;box-shadow:0 0 8px 0 rgba(0,0,0,.0784313725);border-radius:8px;font-size:16px;font-weight:600;line-height:24px;color:#000}.modal-limited-point .content-point .modal-point-limit_content .receive-points .custom-accordion .accordion-button:not(.collapsed){background-color:rgba(0,0,0,0)!important;color:inherit!important;box-shadow:none!important}.modal-limited-point .content-point .modal-point-limit_content .receive-points .custom-accordion .accordion-body{background-color:rgba(0,0,0,0)!important;color:inherit!important;border-top:none!important;padding:1rem 1.25rem}.modal-limited-point .content-point .modal-point-limit_content .receive-points .custom-accordion .accordion-item{border:none!important}.modal-limited-point .content-point .modal-point-limit_content .btn-modal-point .btn-nomal{width:100%;border-radius:24px;border:1px solid rgba(0,0,0,0);text-transform:uppercase;font-size:16px;line-height:24px;font-weight:600;padding:10px 0;margin-bottom:-2px}.modal-limited-point .content-point .modal-point-limit_content .btn-modal-point .btn-nomal:hover{opacity:.7}.modal-limited-point .content-point .modal-point-limit_content .btn-modal-point .get-start{background-color:"#fff"}.modal-limited-point .content-point .modal-point-limit_content .btn-modal-point .get-start:hover{background-color:#bebfc3}.pem__container .modal-dialog.modal-dialog-centered{width:335px}.pem__container .modal-content{position:relative;z-index:200}.pem__container .modal-firework{position:fixed;top:0;left:0;right:0;bottom:0;z-index:160}.pem__container .modal-firework>img{width:100%}.pem__container .pem__total{padding:12px;display:flex;align-items:center;flex-direction:column}.pem__container .pem__total .pem__desc,.pem__container .pem__total .pem__title{color:#000;font-weight:600;font-size:16px;line-height:24px;text-align:center}.pem__container .pem__total .pem__title{margin-top:16px;margin-bottom:8px}.pem__container .pem__total .pem__desc{margin-top:0;font-weight:500;font-size:14px;line-height:24px;color:#3f4254}.pem__container .pem__total .pem-btn-fill{width:100%;background:linear-gradient(90deg,#6366f1,#3f0b98)}.pem__container .pem__total .pem-btn-fill:hover,.pem__container .pem__total .pem-btn-fill:hover span{color:#fff!important}.pem__container .pem_sub-desc{color:#989898;font-weight:500;font-size:12px;line-height:24px;text-align:center;margin:-8px 0 8px}.pem__container .cdw-btn-outline{width:100%;border:1px solid #3f0b98!important;margin-top:6px}.pem__container .cdw-btn-outline>span{color:#3f0b98}.pem__container .cdw-btn-outline:hover{background-color:rgba(63,11,152,.1607843137)!important;border:1px solid rgba(0,0,0,0)!important}.pem__container .pem__point-wapper{margin:16px 0;width:269px;border-radius:8px;padding:14px 16px;background-color:#fffaeb;display:flex;justify-content:center;align-items:center;gap:8px}.pem__container .pem__point-wapper h2{font-weight:600;font-size:20px;line-height:20px;color:#33b469}.modal-share-web .modal-dialog{width:400px}.modal-share-web .msw-container .mswc-header h2{font-weight:500;font-size:16px;line-height:24px;text-align:center;color:#3f4254}.modal-share-web .msw-container .mswc-header p{font-weight:500;font-size:16px;line-height:24px;text-align:center;color:gray;margin:4px auto 0;width:86%}.modal-share-web .msw-container .mswc-link{margin-top:16px}.modal-share-web .msw-container .mswc-link h4{font-weight:500;font-size:16px;line-height:24px;color:#3f4254}.modal-share-web .msw-container .mswc-link .mswcl-input{margin-top:8px;border:1px solid #d9d9d9;background:#f6f6f6;display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:8px}.modal-share-web .msw-container .mswc-link input{width:76%;padding:8px;border-radius:4px;outline:none;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;word-break:break-word;background-color:rgba(0,0,0,0);color:gray;font-size:14px;font-weight:600}.modal-share-web .msw-container .mswc-link .mswcl-btn-copy{white-space:nowrap}.modal-share-web .msw-container .mswc-apps{margin-top:16px}.modal-share-web .msw-container .mswc-apps h4{font-weight:500;font-size:16px;line-height:24px;color:#3f4254}.modal-share-web .msw-container .mswca-list{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:22px;margin-top:8px}.modal-share-web .msw-container .mswca-list .mswcal-item{display:flex;justify-content:center;align-items:center;width:46.5%;gap:8px;padding:12px 48px;border-radius:48px;cursor:pointer;transition:all .3s linear;background-color:#dce9fa}.modal-share-web .msw-container .mswca-list .mswcal-item img{border-radius:4px}.modal-share-web .msw-container .mswca-list .mswcal-item span{font-weight:600;font-size:14px;line-height:18px;text-align:center}.modal-share-web .msw-container .mswca-list .mswcal-item:hover{scale:1.1}.modal-transfer .modal-dialog .modal-content{box-shadow:0 4px 12px 0 rgba(0,0,0,.0784313725);border:none;border-radius:16px}.modal-transfer .modal-dialog .modal-content .modal-unlock{background-repeat:no-repeat;width:100%;border:none!important;box-shadow:none;padding:24px 24px 0;background-size:cover;border-radius:16px}.modal-unlock{position:relative}.modal-unlock .title-unlock{text-align:center;font-size:18px;line-height:28px;font-weight:600;color:#000;margin-bottom:16px}.modal-unlock .modal-unlock__header{position:absolute;right:5%}.modal-unlock .modal-unlock__header img{cursor:pointer;width:28px;height:28px}.modal-unlock .modal-unlock__body{margin-bottom:20px}.modal-unlock .modal-unlock__body img{margin:0 auto 20px;width:300px;display:flex}.modal-unlock .modal-unlock__footer h3{text-align:center;font-size:16px;line-height:20px;font-weight:600;color:#000;margin-bottom:8px}.modal-unlock .modal-unlock__footer .extention-learning .extention-app{display:flex;align-items:center;margin-bottom:16px}.modal-unlock .modal-unlock__footer .extention-learning .extention-app img{margin-right:10px}.modal-unlock .modal-unlock__footer .extention-learning .extention-app p{font-size:14px;line-height:20px;color:#000;margin-bottom:0}.modal-unlock .update-user{margin-bottom:20px}.modal-unlock .update-user h3{font-size:24px;font-weight:600;color:#000;text-align:center;margin-bottom:8px}.modal-unlock .update-user p{font-size:14px;line-height:20px;font-weight:400;color:#000;text-align:center}.modal-unlock .update-user .head-popular{border-radius:8px;width:80%;margin:0 auto;transform:translateY(-12px);z-index:999}.modal-unlock .update-user .head-popular p{color:#fff;font-size:12px;font-weight:600;line-height:24px}.modal-unlock .update-user .option-update-user{display:flex;flex-direction:column;justify-content:center;gap:10px}.modal-unlock .update-user .option-update-user .option-user{width:100%;cursor:pointer;position:relative}.modal-unlock .update-user .option-update-user .option-user .box-sale{position:absolute;right:-2.2%;top:10%;z-index:999}.modal-unlock .update-user .option-update-user .option-user .box-sale .sale-month{width:100%;height:100%;min-width:125px;min-height:30px;background:#3e44fd;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 4px 0 rgba(0,0,0,.2509803922);font-size:15px;font-weight:600;line-height:24px;color:#fff}.modal-unlock .update-user .option-update-user .option-user .box-sale .sale-month:after{content:"";position:absolute;bottom:-12px;right:0;width:0;height:0;border-right:12px solid rgba(0,0,0,0);border-top:12px solid #3e44fd}.modal-unlock .update-user .option-update-user .option-user .price-by-month{border-top:none!important;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.modal-unlock .update-user .option-update-user .option-user .footer-sale{box-sizing:border-box;width:100%;border-top-left-radius:12px;border-top-right-radius:12px;padding:2px 16px;font-size:14px;font-weight:600;line-height:24px;text-transform:uppercase;color:#fdfdff}.modal-unlock .update-user .option-update-user .option-user .time-transfer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px}.modal-unlock .update-user .option-update-user .option-user .time-transfer .box-month{font-size:14px;font-weight:600;line-height:24px;color:#000;margin-bottom:4px;text-transform:uppercase}.modal-unlock .update-user .option-update-user .option-user .time-transfer .box-month span{margin-left:3px}.modal-unlock .update-user .option-update-user .option-user .time-transfer .total-packge .fomat-monney{font-size:16px;line-height:16px;color:#d61c59;font-weight:800}.modal-unlock .update-user .option-update-user .option-user .time-transfer .total-packge span:nth-child(2){font-size:12px;color:#000;font-weight:400;margin-left:4px}.modal-unlock .update-user .option-update-user .option-user .time-transfer .up-money-month .money-month{font-size:12px;font-weight:400;line-height:16px;font-style:italic}.modal-unlock .update-user .option-update-user .option-user .time-transfer .up-money-month .money-month span{margin-left:4px}.modal-unlock .update-user .option-update-user .active-option{border:2px solid #4267cd}.modal-unlock .payment-method{display:flex;justify-content:center;margin-bottom:24px}.modal-unlock .payment-method .btn-payment{border:none;width:322px;height:48px;border-radius:48px;color:#fff;background-color:#4267cd;text-align:center;text-transform:uppercase;font-size:16px;font-weight:600;line-height:20px;box-shadow:0 4px 4px 0 rgba(0,0,0,.2509803922)}.modal-unlock .payment-method .btn-payment span{text-transform:lowercase;margin:0 3px}@media(max-width:450px){.modal-unlock .modal-unlock__body h3{font-size:20px}.modal-unlock .extention-learning{margin-bottom:20px}.modal-unlock .extention-learning .extention-app{margin-bottom:12px}.modal-unlock .extention-learning .extention-app img{margin-right:10px;width:30px;height:30px}.modal-unlock .extention-learning .extention-app p{font-size:14px}.modal-unlock .update-user h3{font-size:20px}.modal-unlock .update-user .option-update-user .option-user .time-transfer p,.modal-unlock .update-user p{font-size:12px}}