.deck-progress-overview{margin-top:2rem;border-radius:1.5rem;--tw-bg-opacity:1;background-color:rgb(243 241 246/var(--tw-bg-opacity,1));padding:1.5rem;position:relative}.deck-progress-overview__container{display:flex;height:-moz-fit-content;height:fit-content;flex-wrap:wrap;justify-content:space-between}.deck-progress-overview p{margin-bottom:.5rem;font-size:16px;font-weight:400;line-height:1.25rem}.deck-progress-overview p,.deck-progress-overview strong{--tw-text-opacity:1;color:rgb(63 66 84/var(--tw-text-opacity,1))}.deck-progress-overview strong{margin:0;display:block;font-size:14px;font-weight:600;line-height:1.5rem}.deck-progress-overview h1{font-size:24px}.deck-progress-overview .btn-study{display:none}.deck-progress-overview__img{width:60px;height:60px;flex-shrink:0}.hocr-text-popup-flashcard{position:absolute;background-color:#fff;padding:8px 16px;border-radius:12px;color:#000;font-size:14px;font-weight:600;bottom:-100%;width:280px;right:-18%;animation:scaleEffectHome 1s ease-in-out infinite}@keyframes scaleEffectHome{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media(max-width:1024px){.deck-progress-overview__container{flex-direction:column}.deck-progress-overview__container--content{display:flex;align-items:center;justify-content:space-between}.deck-progress-overview__container--content button{margin-top:-1.25rem}.deck-progress-overview .hocr-text-popup-flashcard{right:-32%}}@media(max-width:718px){.deck-progress-overview .dpo-btn{min-width:unset}}@media(max-width:628px){.deck-progress-overview h1{font-size:18px!important;text-align:center}.deck-progress-overview section{justify-content:center}.deck-progress-overview section span{font-size:14px}.deck-progress-overview section img,.deck-progress-overview__img{display:none}.deck-progress-overview p{text-align:center}.deck-progress-overview__container{display:flex;flex-direction:column;align-items:center}.deck-progress-overview__container--content{margin:12px 0 8px}.deck-progress-overview__container--content strong{flex-shrink:1}.deck-progress-overview__container--content button{display:none}.deck-progress-overview .btn-study{display:block;width:100%!important}}@media(max-width:600px){.deck-progress-overview .hocr-text-popup-flashcard{width:90%;min-width:200px;bottom:-150%;right:-30%;text-align:center}}@media(max-width:500px){.deck-progress-overview{padding:16px}.deck-progress-overview .hocr-text-popup-flashcard{right:0;left:0;width:unset;min-width:unset;bottom:-300%}}@media(max-width:1238px){.dpo-btn-container{justify-content:center}}.flashcard-recently .fr-top .frt-title{font-weight:600;font-size:20px;line-height:24px;color:#404c6d;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden;white-space:nowrap;margin-right:264px}.flashcard-recently .fr-top .frt-vocab-cards{font-size:14px;line-height:24px;padding:0 12px;color:#fff;background-color:#fdcc59;border-radius:100px;width:-moz-max-content;width:max-content;font-weight:600;margin:8px 0 0}.flashcard-recently .fr-bottom{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}.flashcard-recently .fr-bottom .frb-left{display:flex;align-items:center;justify-content:start;gap:16px}.flashcard-recently .fr-bottom .frbl-content,.flashcard-recently .fr-bottom .frblc-item{display:flex;justify-content:center;align-items:center;gap:10px}.flashcard-recently .fr-bottom .frbl-content{align-items:stretch}.flashcard-recently .fr-bottom .frblc-item h2{font-weight:800;font-size:24px;line-height:24px;color:#fbc628}.flashcard-recently .fr-bottom .frblc-item p{font-weight:700;font-size:14px;line-height:24px;color:#404c6d;margin-bottom:0;white-space:nowrap}.flashcard-recently .fr-bottom .frblc-divider{width:1px;height:32px;background-color:#404c6d;margin:0 10px}.flashcard-recently .fr-bottom .frb-right{display:flex;align-items:center;justify-content:end;gap:20px}.flashcard-recently .fr-bottom .frb-right .button-component{width:200px}.flashcard-recently .fr-choose-method{padding:16px 24px 16px 35px;display:flex;justify-content:start;align-items:center;gap:24px;background-color:#ede3ff;position:absolute;right:0;top:0;border-radius:0 24px 0 24px}@media(max-width:1260px){.flashcard-recently .fr-bottom .frb-right .button-component{width:-moz-max-content;width:max-content;min-width:160px}}@media(max-width:1180px){.flashcard-recently .fr-bottom .frb-right .button-component{width:-moz-max-content;width:max-content;min-width:unset}}@media(max-width:1055px){.flashcard-recently .fr-bottom{flex-direction:column}}@media(max-width:915px){.flashcard-recently .fr-top .frt-title{margin-right:0;text-align:center}.flashcard-recently .fr-top .frt-vocab-cards{margin-left:auto;margin-right:auto}.flashcard-recently .fr-choose-method{margin-top:24px;position:unset;padding:16px 24px;border-radius:16px}.flashcard-recently .fr-choose-method .choose-learning-method-modal{width:100%}.flashcard-recently .fr-choose-method .choose-learning-method-modal>div{justify-content:space-between}}@media(max-width:586px){.flashcard-recently .frb-left>img{display:none}.flashcard-recently .frb-left .frblc-item p{white-space:wrap}}@media(max-width:480px){.flashcard-recently .frb-left>img{display:block}.flashcard-recently .frb-left .frbl-content{flex-direction:column}.flashcard-recently .frb-left .frblc-divider{display:none}}.choose-learning-method-modal{margin-left:.25rem}.choose-learning-method-modal .sub-text{font-weight:400;font-size:14px;line-height:24px;color:#404c6d;margin-bottom:4px}.choose-learning-method-modal__container{margin-bottom:1rem;margin-top:.5rem}.choose-learning-method-modal__container section,.choose-learning-method-modal__container section>div{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.choose-learning-method-modal__container section{margin-top:1rem;margin-bottom:1rem;width:100%;cursor:pointer;gap:1.5rem;border-radius:1rem;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgb(213 213 213/var(--tw-border-opacity,1));padding:1rem 1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:linear}.choose-learning-method-modal__container h3{margin:0 0 .25rem;text-align:left;font-size:18px;font-weight:700;line-height:1.25rem}.choose-learning-method-modal__container p{margin:0;text-align:left;font-size:14px;line-height:1.5rem;--tw-text-opacity:1;color:rgb(63 66 84/var(--tw-text-opacity,1))}.choose-learning-method-modal__container section.active,.choose-learning-method-modal__container section:hover{background-color:#d5d5d5}@media(max-width:1238px){.choose-learning-method-modal .clmodal-title{font-size:16px}}@media(max-width:320px){.choose-learning-method-modal img{display:none}}.progress-overview .po-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.progress-overview .po-top .pot-text{font-weight:500;font-size:18px;line-height:24px;color:#404c6d}.progress-overview .po-top .pot-right{display:flex;justify-content:center;align-items:center;gap:6px;color:#404c6d}.progress-overview .po-top .pot-right .potr-progess{display:flex;justify-content:start;align-items:center;font-size:18px;gap:4px;font-weight:500}.progress-overview .po-top .pot-right .potr-progess>strong{font-weight:900;font-size:24px;line-height:24px;text-align:center;color:#fbc628}.progress-overview .po-center{margin-top:14px;margin-bottom:28px}.progress-overview .po-center .pob-progess-bar{height:28px;border-radius:24px;background-color:#d9d9d9;padding:3px 4px}.progress-overview .po-center .pob-progess-bar .progress-bar__track{height:20px;border-radius:24px}.progress-overview .po-bottom{display:flex;justify-content:end;align-items:center;gap:20px}.progress-overview .po-bottom .button-component{width:200px}@media(max-width:1024px){.progress-overview .po-bottom{justify-content:center}.progress-overview .po-bottom .button-component{width:-moz-max-content;width:max-content;min-width:160px}}@media(max-width:600px){.progress-overview .po-top .pot-text{font-size:16px}.progress-overview .po-top .pot-right .potr-progess{font-size:18px}.progress-overview .po-top .pot-right .potr-progess>strong{font-size:20px}.progress-overview .po-bottom .button-component{min-width:unset}}@media(max-width:400px){.progress-overview .po-top .pot-text{font-size:14px}.progress-overview .po-top .pot-right .potr-progess{font-size:18px}.progress-overview .po-top .pot-right .potr-progess>strong{font-size:20px}.progress-overview .po-center{margin-top:12px}.progress-overview .po-center .pob-progess-bar{height:20px}.progress-overview .po-center .pob-progess-bar .progress-bar__track{height:12px}}@media(max-width:329px){.progress-overview .po-top{flex-direction:column;gap:0}}