.header-container{height:-moz-fit-content;height:fit-content;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;position:sticky;background:#fff;top:0;z-index:100;box-shadow:0 1px 4px rgba(0,0,0,.16)}.header-left{flex:1}.header-left__breadcrumb{display:flex;align-items:center}.header-left__breadcrumb--link{text-decoration:none}.header-left__breadcrumb--link:last-child{opacity:.6}.header-left .icon-back{width:32px;height:32px;flex-shrink:0;border-radius:50%;box-shadow:0 0 4px 0 rgba(0,0,0,.231372549);display:flex;justify-content:center;align-items:center;transition:all .25s linear;cursor:pointer}.header-left .icon-back:hover{scale:1.1}.header-right{display:flex;gap:24px;align-items:center;position:relative;width:-moz-max-content;width:max-content}.header-right .btn-review-words{width:155px;background:linear-gradient(90deg,#5d4bff,#8a0574);padding:10px 16px;color:#fff;border-radius:12px;font-weight:600;font-size:14px;line-height:28px;transition:all .25s linear}.header-right .btn-review-words:hover{background:#8a0574}.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:#d1d3ff;padding:12px;border-radius:50%;cursor:pointer;position:relative}.modal-notification{border-radius:32px;border:2px solid #d1d3ff;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:#d1d3ff;padding:5px 16px;cursor:pointer;margin-top:16px;color:#4900c9}.notification-tabs .item-active{border-radius:16px;padding:5px 16px;cursor:pointer;margin-top:16px;background:#4900c9;color:#d1d3ff}.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{-o-object-fit:cover;object-fit:cover}.header-avatar .btn-login{font-size:14px;color:#fff;font-weight:600;line-height:15px;background-color:#4900c9;text-transform:uppercase;border-radius:48px;padding:16px 24px}.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;box-shadow:0 4px 12px 0 rgba(0,0,0,.14);border:2px solid #d1d3ff;border-radius:24px;right:0;top:160%;width:250px;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:#d1d3ff}.header-popup-avatar .header-popup-item .header-popup-item-title{font-size:16px;font-style:normal;font-weight:500;line-height:24px;color:#3f4254}.header-popup-avatar .header-popup-item:last-child{border-top:1px solid #d1d3ff}@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}}@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;flex-direction:row-reverse}.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}}.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:-moz-fit-content;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:-moz-fit-content;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;-o-object-fit:contain;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::-moz-placeholder{color:#8b90a7}.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}.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 .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::-moz-placeholder{font-weight:500;font-size:16px;color:#d9d9d9}.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}