.main-layout{max-width:100%;margin:auto;height:100vh;display:flex}.main-body{max-width:1154px}.main-body,.main-full-body{position:relative;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;background-color:#fff!important;max-width:1440px;margin:auto;padding:0!important;height:100vh;border-radius:32px}.main-full-body{flex:1 1}.main-body{margin-bottom:64px}}.box-checkLog .modal-dialog{width:603px}.box-checkLog .modal-content{border:0!important;box-shadow:none;border-radius:32px}.box-checkLog .modal-qrcode{padding:24px}.auth-container{display:flex;flex-direction:column;align-items:center;max-width:500px}.auth-container .login_form_tab{display:flex;word-wrap:break-word;align-items:center;justify-content:center;padding:8px 10px;margin-top:36px;background-color:rgba(179,222,255,.4901960784);border-radius:48px;height:58px}.auth-container .image-auth{border-radius:8%}.auth-container .icon-button{width:30px}.auth-container .content-btn{font-weight:600!important}.border-try{border:1px solid #4267b2!important}.button__try{width:100%;margin-top:28px;text-align:right;cursor:pointer;display:flex;justify-content:right}.button__try span{font-weight:600;font-size:18px;text-align:center;color:#0266ff;display:flex;align-items:center;gap:3px}.button__try svg{transform:rotate(180deg)}.description{margin-top:16px;text-align:center}.description h2{font-weight:600;font-size:20px;line-height:24px;letter-spacing:0;text-align:center;text-transform:uppercase;color:#404c6d;margin-bottom:16px}.description p{font-size:14px;font-weight:500;line-height:22px;text-align:center;color:#3f4254}.description span{margin-top:12px;padding:2px 10px;background:#ffb909;border-radius:4px}.login_form_social{display:flex;flex-direction:column;gap:22px;width:100%}.login_form_social a{text-decoration:none}.login_form_social button{font-size:16px;font-style:normal;font-weight:600;line-height:20px;border:1px solid #ebebf0;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.login_form_social button svg{margin-right:8px}.border-error{border:1px solid red}.login_form_breakline{display:flex;align-items:center;justify-content:center;gap:8px;color:#8b90a7;margin-top:32px;margin-bottom:20px}.login_form_breakline hr{width:250px;height:1px;background-color:#ebebf0;border-radius:10px}.login_form_input_group{margin-bottom:57px}.login_form_input_group button{text-transform:uppercase}.login_form_input_group .mt2{margin-top:8px!important}.login_form_input_group .login_form_input{display:flex;flex-direction:column;gap:16px;text-align:start}.login_form_input_group .login_form_input .form-label{color:#3f4254;margin-bottom:6px;font-size:14px;font-style:normal;font-weight:700;line-height:20px}.login_form_input_group .form-control{width:100%;padding:12px 16px;border-radius:48px}.login_form_input_group .password-input-container{position:relative}.login_form_input_group .password-input-container .password-input{padding-right:44px}.login_form_input_group .password-input-container .iconEye{position:absolute;top:28%;right:15px}.login_form_input_group .login_form_forgotbtn{text-align:end;font-size:14px;font-style:normal;font-weight:700;line-height:20px;color:#4267cd;margin-bottom:24px}.login_form_input_group .login_form_forgotbtn span{cursor:pointer}@media(max-width:500px){.login_form_breakline{margin:12px 0}.login_form_social{margin-top:20px}.login_form_input_group{margin-bottom:17px}.auth-container img{max-width:100px}.auth-container .login_form_tab{margin-top:20px!important;height:fit-content!important;border-radius:30px!important}.auth-container .content-btn{font-size:14px}.auth-container .image-auth{margin-top:-60px}.auth-container .button-component .icon-button{margin-right:12px}.auth-container .icon-button{width:20px}}@media(max-width:576px){.box-checkLog .modal-dialog{width:calc(100% - 20px)}}@media(max-width:400px){.box-checkLog .modal-content{padding:10px}}.button{font-style:normal;font-size:16px;font-weight:600;line-height:20px}.button-component{outline:none;border:none}.button-component .icon-button{margin-right:10px}.button-component .loader{margin-right:8px;border:2px solid #fff;border-bottom-color:rgba(0,0,0,0)!important;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}.button-component .content-btn{text-transform:uppercase;font-weight:600;line-height:22px}.button-component.btn-hover:hover{background-color:#aed2ee!important;border:1px solid #b3deff!important;color:#4267cd!important;opacity:1!important}.button-component.disabled-hover:hover{scale:1.03}.button-component:disabled{pointer-events:none!important;cursor:not-allowed!important}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:500px){.button{font-size:13px!important;padding:4px 10px!important;border-radius:15px!important}.content-btn{font-size:12px}}@media(max-width:400px){.content-btn{font-size:10px}.button-component .icon-button{margin-right:0}}.sidebar__container{border:1px solid #ebebf0;height:100%;top:0;display:block}.sidebar__container .button-component .content-btn{font-size:14px;text-transform:none}.sidebar__container .icon__show .icon-button{margin-right:0}.sidebar__container .sidebar__main{padding:23px 16px 32px;width:254px;overflow-y:hidden;overflow-x:hidden}.sidebar__container .sidebar__main,.sidebar__container .sidebar__small{display:flex;flex-direction:column;justify-content:space-between;height:100vh;background:#fff;box-shadow:0 4px 16px 0 rgba(0,0,0,.08);transition:all .3s}.sidebar__container .sidebar__small{padding:23px 10px 32px;overflow-y:auto;width:90px}.sidebar__container .sidebar__small .button-app{flex-direction:column}.sidebar__container .sidebar__small .sidebar__main__top{justify-content:center}.sidebar__container .sidebar__small .sidebar__main__top__column{display:flex;flex-direction:column;gap:8px;align-items:center}.sidebar__container .sidebar__small .sidebar__mid{display:flex;align-items:center;justify-content:center;flex-direction:column}.sidebar__container .sidebar__small .sidebar__mid .sidebar__menu__title{text-align:center;margin-left:0}.sidebar__container .sidebar__small .sidebar__mid .button-component .icon-button{margin-right:0!important}.sidebar__container .sidebar__small .sidebar__mid .content-btn{font-weight:700!important}.sidebar__container .sidebar__small .sidebar__bottom{font-size:12px}.sidebar__container .sidebar__main__top{display:flex;gap:47px}.sidebar__container .sidebar__main__top img{object-fit:contain;cursor:pointer}.sidebar__container .sidebar__mid{padding-top:48px;flex:1;background-color:#fff}.sidebar__container .sidebar__mid .sidebar__menu__title{font-size:12.5px;font-style:normal;font-weight:400;line-height:14px;color:#808191;margin-bottom:16px;margin-left:18px}.sidebar__container .sidebar__mid .menu-unactive{justify-content:flex-start;font-size:14px;font-style:normal;font-weight:600;line-height:20px;color:#8b90a7;background-color:#fff}.sidebar__container .sidebar__mid .menu-unactive svg path{stroke:#8b90a7}.sidebar__container .sidebar__mid .menu-active{justify-content:flex-start;background-color:#0072bb;color:#fff}.sidebar__container .sidebar__mid .menu-active svg path{stroke:#fff}.sidebar__container .sidebar__mid .menu-line{max-width:186px;width:100%;margin:24px auto;border-bottom:1px solid #ebebf0}.sidebar__container .sidebar__bottom{font-size:14px;font-style:normal;font-weight:500;line-height:22px;text-align:center;color:#8b90a7;background-color:#fff;padding-top:16px}.sidebar__container .sidebar__bottom span{cursor:pointer;color:#0072bb}.header-container{height:fit-content;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;position:sticky;background:#fff;height:80px;top:0;z-index:100;box-shadow:0 1px 4px rgba(0,0,0,.16)}.header__search__left{position:relative;max-width:300px;width:100%}.header__search__left .form-control{padding:12px 48px;color:#3f4254;font-weight:400}.header__search__left .form-control:focus{outline:none!important;border-color:#ebebf0!important;box-shadow:none!important}.header__search__left .header__search__icon{position:absolute;left:16px;top:50%;transform:translateY(-50%)}.header__search__left .header__search__icon__remove{position:absolute;top:50%;right:16px;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:1px solid #a3abc0;transform:translateY(-50%);z-index:50}.header__search__left input{font-weight:500;font-size:14px;font-style:normal;line-height:22px;color:#3f4254}.header__search__left input::placeholder{color:#8b90a7}.header-left{flex:1;display:flex;flex-direction:column}.header-left .breadcrumb-title{font-size:20px;font-weight:700;color:#3f4254}.header-left__breadcrumb{display:flex;align-items:center}.header-left__breadcrumb--link{text-decoration:none}.header-left__breadcrumb--link:last-child{opacity:.6}.header-right{display:flex;gap:24px;align-items:center;position:relative;width:max-content}.header-right .avatar-loading{width:48px;height:48px;border-radius:50%;background-color:#d4d4d4}.header-right .input__seacher{display:flex;align-items:center;position:relative}.header-right .input__seacher .input-component input{color:#3f4254}.header-right .input__seacher .cancel{position:absolute;right:15px;cursor:pointer;display:flex;justify-content:center;align-items:center;padding:6px;border-radius:50%;background:#cbcdd6}.header-right .input__seacher .cancel svg{width:10px;height:10px}.header-right .input__seacher .cancel svg path{stroke:#8b90a7}.number-notification{position:absolute;font-size:12px;font-style:normal;font-weight:700;line-height:14px;background:#ff5c5c;width:16px;height:17px;text-align:center;border-radius:50%;padding:2px;color:#fff;top:0;right:0}.notification-icon{background-color:rgba(179,222,255,.4901960784);padding:12px;border-radius:50%;cursor:pointer;position:relative}.modal-notification{border-radius:32px;border:2px solid rgba(179,222,255,.4901960784);position:absolute;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.14);right:13%;top:80px;max-width:424px;width:100%;padding:24px;height:600px;z-index:10}.modal-notifition-head{display:flex;justify-content:space-between;align-items:center}.modal-notifition-head .notifition-title{font-size:18px;font-style:normal;font-weight:700;line-height:22px;color:#3f4254}.modal-notifition-head .notifition-icon-close{border-radius:32px;background:#c4c4cf;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.notification-not-data{display:flex;flex-direction:column;justify-content:center;align-items:center;height:80%}.notification-no-title{font-size:16px;font-style:normal;font-weight:700;line-height:20px;color:#3f4254}.notification-tabs{display:flex;gap:16px}.notification-tabs .notification-item{border-radius:16px;background:rgba(179,222,255,.4901960784);padding:5px 16px;cursor:pointer;margin-top:16px;color:#4267cd}.notification-tabs .item-active{border-radius:16px;padding:5px 16px;cursor:pointer;margin-top:16px;background:#4267cd;color:rgba(179,222,255,.4901960784)}.header-avatar{cursor:pointer}.header-avatar .header-info{display:flex;align-items:center;gap:12px}.header-avatar .header-info .info-user{margin-right:10px}.header-avatar .header-info .info-user p{text-align:right}.header-avatar .header-info .info-user .info-name{font-size:18px;line-height:24px;color:#181c32;font-weight:700}.header-avatar .header-info .info-user .info-email{font-size:14px;font-weight:500;line-height:22px;color:#8b90a7}.header-avatar .header-info .check-acount{position:relative}.header-avatar .header-info .check-acount .purhsed{position:absolute;top:-30%;left:50%;transform:translateX(-50%)}.header-avatar .header-info .account-pay{border:2px solid #ffb63c;border-radius:50%}.header-avatar img{object-fit:cover}.header-avatar .btn-login{font-size:14px;color:#fff;font-weight:600;line-height:15px;background-color:#4267cd;text-transform:uppercase;border-radius:48px;padding:18px 28px;transition:all .3s ease}.header-avatar .btn-login:hover{opacity:.6}.header-avatar .point-container{box-shadow:0 0 4px 0 rgba(0,0,0,.2509803922);border-radius:24px;display:flex;gap:4px;padding:9px 11px;justify-content:center;align-items:center}.header-avatar .point-container span{color:#448aff;font-weight:700;font-size:20px;line-height:20px;letter-spacing:0}.header-avatar-container{position:relative}.noti__body{height:calc(100% - 10px - 70px);overflow-y:scroll}.noti__body::-webkit-scrollbar{display:none}.noti__body .infinite-scroll-component{overflow:hidden!important}.header-popup-avatar{position:absolute;background:#fff;border:2px solid rgba(179,222,255,.4901960784);border-radius:24px;right:0;top:160%;width:200px;z-index:1;overflow:hidden}.header-popup-avatar .header-popup-item{display:flex;align-items:center;gap:16px;padding:18px 24px;cursor:pointer}.header-popup-avatar .header-popup-item img{width:24px}.header-popup-avatar .header-popup-item:hover{background:rgba(179,222,255,.4901960784)}.header-popup-avatar .header-popup-item .header-popup-item-title{font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#3f4254}.header-popup-avatar .header-popup-item:last-child{border-top:1px solid #ebebf0}.header-popup-avatar .header-popup-item-title.logout-text{color:#ff5c5c!important}@media screen and (max-width:979px){.header-container .breadcrumb-main{margin-top:16px}.header-container .breadcrumb-main .breadcrumb-title{font-size:18px}.header-container .header-right{gap:16px;justify-content:end}.header-container .header-right .input__seacher .input-component{padding:8px 10px!important}.header-container .header-right .btn-add-flashcard{padding:8px 16px!important}.header-container .header-right .notification-icon{padding:10px;width:40px;height:40px;display:flex}.header-container .header-right .notification-icon svg{width:20px!important;height:20px!important}.header-container .header-right .button-component{width:40px!important;height:40px!important;padding:10px!important}.header-container .header-right .button-component .icon-button{margin-right:0!important}}@media screen and (max-width:769px){.header-container{padding:16px 22px}.header-container .header-right{gap:8px}.breadcrumb-main .breadcrumb-title{font-size:16px!important}.breadcrumb-main .breadcrumb-menu{margin:0!important;font-size:12px}}@media screen and (max-width:1024px){.header-container{gap:4px}.header-container .header-right{gap:8px}.header-container .input__seacher{flex-grow:1}.header-container .input__seacher .input-component{max-width:none!important}.breadcrumb-main{margin-top:8px;order:2;align-self:start}.breadcrumb-main .breadcrumb-title{font-size:16px!important}.breadcrumb-main .breadcrumb-menu{margin:0!important;font-size:12px}}@media screen and (max-width:824px){.header-container{gap:4px;align-items:center}}@media screen and (max-width:648px){.header-container{justify-content:space-between}.header-container .header-left,.header-container .header-right{width:100%}.header-container .header-left{margin-top:4px;width:10%}}@media screen and (max-width:500px){.header-container{margin-bottom:0;padding:12px 15px}.modal-notification{border-radius:32px;border:2px solid rgba(179,222,255,.4901960784);position:absolute;background:#fff;box-shadow:0 4px 12px 0 rgba(0,0,0,.14);right:0;top:80px;max-width:424px;width:100%;padding:24px;height:600px;z-index:10}.header-right{width:100%;display:flex;justify-content:end}.btn-gift{padding:8px 16px!important}.avatar-image{width:36px!important;height:36px!important}.btn-add-deck-flashcard .content-btn{font-size:24px!important}.btn-unlock{padding:8px!important}.btn-unlock .content-btn{display:none}.btn-unlock .icon-button{margin:0}}.setting__container{padding:24px;transition:all .3s ease;position:relative;height:max-content;max-height:787px;min-width:600px;margin:0;transition:max-height .5s ease-in-out}.setting__container .errBoder{border:1px solid red}.setting__container .setting__head{height:46px;display:flex;justify-content:space-between;align-items:center;font-size:18px;font-style:normal;font-weight:700;line-height:22px;color:#3f4254}.setting__container .setting__head button{border-radius:32px;background:#fe3030;padding:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer}.setting__container .setting__action{display:flex;align-items:center;border-radius:48px;max-width:555px;padding:8px;background-color:rgba(179,222,255,.4901960784);margin-top:10px}.setting__container hr{margin-top:32px;background-color:#ebebf0}.setting__container .setting__form{margin-top:25px}.setting__container .react-datepicker__calendar-icon{top:10px;left:6px;padding:0!important;fill:#0072bb}@media(max-width:960px){.setting__container{min-width:540px}}@media(max-width:769px){.setting__container{min-width:94%}}@media(max-width:500px){.setting__container{margin-bottom:80px}.setting__container .button{width:fit-content!important;font-size:12px!important}.setting__container .setting__action{border-radius:25px;justify-content:space-around}}.setting__avt{margin-top:32px;position:relative}.setting__avt input,.setting__avt select{border-radius:48px;padding:10px 16px;border:1px solid #ebebf0;font-weight:500;font-size:16px}.setting__avt input:focus-visible,.setting__avt select:focus-visible{outline:none}.setting__avt input[type=date]::-webkit-calendar-picker-indicator{width:19px;height:20px;cursor:pointer;background:url(/_next/static/media/IconCalendar.6e29bf5a.svg) no-repeat}.setting__avt label{font-size:14px;font-style:normal;font-weight:700;line-height:20px;color:#3f4254}.setting__avt .setting__avt-content{display:flex;gap:24px;margin-top:12px;align-items:center;justify-content:center;position:relative}.setting__avt .setting__avt-content img{width:110px;height:110px;border:4px solid rgba(179,222,255,.4901960784);border-radius:24px;object-fit:cover}.setting__avt .setting__avt-content .icon-camera{top:unset!important;bottom:-30px!important;cursor:pointer}.setting__avt .setting__avt-content .icon-camera img{width:100%;height:100%}.setting__avt .setting__form .mt-2,.setting__avt .setting__form .mt-4{width:47%}.setting__avt .setting__form .info-user{display:flex;flex-direction:column;width:100%}.setting__avt .setting__form .info-user .item1{margin-bottom:18px}.setting__avt .drop-zone img{width:110px;height:110px;border:4px solid rgba(179,222,255,.4901960784);border-radius:24px}.setting__avt .drop-zone .icon-camera{position:absolute;top:18%;left:48%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:32px;background:#fff;box-shadow:0 4px 16px 0 rgba(0,0,0,.08)}.setting__avt .button{margin-top:30px;padding:10px!important;border-radius:12px!important}.setting__avt .form-input__bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:50px}.react-datepicker-wrapper{width:100%}@media(max-width:500px){.setting__avt .icon-camera{top:11%!important}.setting__avt .setting__form{margin-top:0;flex-direction:column}.setting__avt .setting__form .mt-4{width:100%!important}.setting__avt .setting__form .item1{order:1}.setting__avt .setting__form .item2{order:2}.setting__avt .setting__form .item3{order:3}.setting__avt .setting__form .item4{order:7}.setting__avt .setting__form .item5{order:4}.setting__avt .setting__form .item6{order:5}.setting__avt .setting__form .item7{order:6}.setting__avt .setting__form .item8{order:8}.setting__avt .setting__form .button{order:9;margin-top:20px!important;padding:10px!important;border-radius:12px!important}.setting__avt .form-input__bottom{flex-direction:column;gap:0;margin-bottom:24px}.row{display:block}.mt-4{margin-top:1rem!important}}.input-component{padding:12px 16px;width:100%;display:flex;gap:8px;max-width:300px}.input-component input{outline:none;border:none;font-style:normal;font-weight:500;line-height:22px;width:100%;color:#8b90a7}.input-component input:focus-visible{outline:none!important;border:none}textarea{line-height:22px}textarea::-webkit-scrollbar{width:5px}textarea::-webkit-scrollbar-track{border-radius:10px}textarea::-webkit-scrollbar-thumb{background:#d6d6d7;border-radius:10px}@media(max-width:1200px){textarea{margin-bottom:6px}}.setting__form__container{margin-top:40px;padding-bottom:40px}.setting__form__container .bottom{margin-top:24px}.setting__item{display:flex;justify-content:space-between;align-items:center}.setting__item .setting__item-content{display:flex;align-items:center;gap:20px}.setting__item .setting__item-content .content-title{font-size:14px;font-style:normal;font-weight:700;line-height:20px;color:#3f4254;margin-bottom:4px}.setting__item .setting__item-content .content-text{font-size:12px;font-style:normal;font-weight:400;line-height:14px;color:#3f4254}.setting__item .switch{position:relative;display:inline-block;width:51px;height:24px}.setting__item .switch input{opacity:0;width:0;height:0}.setting__item .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s}.setting__item .setting__item__icon{padding:4px;border-radius:8px;background:rgba(179,222,255,.4901960784)}.setting__item .slider:before{position:absolute;content:"";height:28px;width:28px;left:0;bottom:-2px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border:2px solid #b2dee0}.setting__item input:checked+.slider{background-color:#4267cd}.setting__item input:focus+.slider{box-shadow:0 0 1px #4267cd}.setting__item input:checked+.slider:before{-webkit-transform:translateX(24px);-ms-transform:translateX(24px);transform:translateX(24px)}.setting__item .slider.round,.setting__item .slider.round:before{border-radius:8px}.modal-component__share .modal-content{border-radius:0!important;padding:0!important;box-shadow:none!important;border:0!important;background-color:rgba(0,0,0,0)!important}.modal-component__share .modal-border{border:2px solid #cfeaff!important;box-shadow:0 2px 0 0 #cfeaff;padding:24px;border-radius:32px}.modal__title{font-size:18px;font-style:normal;font-weight:600;line-height:22px;color:#3f4254}.modal-image,.modal__title{text-align:center}.modal__description{font-weight:500;text-align:center}.modal__description,.modal__description span{font-size:14px;font-style:normal;line-height:22px;color:#3f4254}.modal__description span{font-weight:700}.modal__description p{font-size:13px;font-style:normal;font-weight:600;line-height:22px;color:#8d8e9b}.modal__double__container{z-index:1055}.modal__double__container .modal-dialog{max-width:417px;margin:auto}.modal__double__container .modal-content{border-radius:24px}.modal__double__container .modal-body{padding:32px}.modal__double__container .modal__title{text-align:center;font-size:18px;font-style:normal;font-weight:700;line-height:22px;color:#3f4254}.modal__double__container .input-component{display:block}.modal__double__container .modal-image{text-align:center}.modal__double__container .validation-error,.modal__double__container .validation-warning{font-size:12px;font-style:normal;font-weight:400;line-height:14px}.modal__double__container input::placeholder{font-weight:500;font-size:16px;color:#d9d9d9}.modal__double__container .validation-error{color:red}.modal__double__container .validation-warning{color:#ebbc2e}.modal__double__container .input-component{border:1px solid #ebebf0;padding:12px 16px}.modal__double__container .modal__description{font-size:14px;font-style:normal;font-weight:500;line-height:22px;color:#3f4254;text-align:center}.modal__double__container .modal__description span{font-size:14px;font-style:normal;font-weight:700;line-height:22px;color:#3f4254}.modal__double__container p{font-size:12px;font-style:normal;font-weight:600;line-height:22px;color:#8d8e9b}.modal__container .modal-dialog{max-width:336px;width:100%;margin:auto}.modal__container .input-component{padding:0}.modal__container .input-component input{flex:1}.modal__container .question-audio{margin-top:8px}.modal__container .modal-content{border-radius:24px;min-width:fit-content}.modal__container .modal-body{padding:24px}.modal__container .barcode-validate{color:#ed3a3a;font-size:12px}.modal__container .modal-info{color:#3f4254;font-size:14px;font-weight:700;line-height:22px;text-align:center}.modal__container .modal-gift-code{padding:2px 10px;background:#ffb909;border-radius:4px;text-align:center;width:fit-content;margin:12px auto}.modal__container .modal__title{text-align:center;font-size:18px;font-style:normal;font-weight:700;line-height:22px;color:#3f4254}.modal__container .list__data__main{max-height:200px;overflow-y:scroll}.modal__container .list__data__main::-webkit-scrollbar{display:none}.modal__container .modal-image{text-align:center}.modal__container .des-img{width:288px;height:140px;border-radius:16px;object-fit:contain}.modal__container .modal__description{font-size:14px;font-style:normal;font-weight:500;line-height:22px;color:#3f4254;text-align:center;margin-bottom:8px}.modal__container .modal__description span{font-size:14px;font-style:normal;font-weight:700;line-height:22px;color:#3f4254}.modal__container .description__img__content::-webkit-scrollbar{display:none}.modal__container input{font-size:16px;font-style:normal;font-weight:500;line-height:24px;color:#8b90a7;padding:12px 16px;border-radius:48px;border:1px solid #ebebf0}.modal__container input::placeholder{color:#8b90a7}.modal__container .list__data__container{background:#f5f5fa;border-radius:16px;padding:16px;display:flex;gap:16px;margin:8px 0;max-height:64px;align-items:center}.modal__container .list__data__title{font-size:14px;font-style:normal;font-weight:600;line-height:20px;max-height:20px;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;width:100%;overflow:hidden}.mobile-sidebar{box-shadow:0 0 16px 0 rgba(0,0,0,.08);display:unset;position:fixed;bottom:-1px;width:100%;z-index:1000;background-color:#fff;height:70px}.mobile-sidebar .nav-menu{height:100%;margin:auto;display:flex;gap:20px;align-items:center;justify-content:space-evenly}.mobile-sidebar .menu-item{width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer}.mobile-sidebar .menu-item svg path{stroke:#8b90a7}.mobile-sidebar .active{background-color:#0072bb;border-radius:16px}.mobile-sidebar .active svg path{stroke:#fff}.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}}