@charset "UTF-8";.opacity-0-important{opacity:0!important}.text-result,.text-result p span{font-size:24px!important}.pulse-container-flashcard{height:-webkit-fill-available;overflow:hidden;position:absolute;top:-40px;width:100%}.pulse-circle-flashcard{border-radius:50%;-webkit-filter:blur(35px);filter:blur(35px);height:272px;left:25%;position:absolute;top:-130px;-webkit-transition:-webkit-transform .1s ease-in-out;transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out;width:52%}.card-wrap:after{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:-webkit-linear-gradient(top,transparent,#fff);background:linear-gradient(180deg,transparent,#fff);bottom:71px;content:"";height:30px;left:0;margin-left:1rem;pointer-events:none;position:fixed;right:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:calc(100% - 2rem)}.card-wrap-back:after{background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(#fff));background:-webkit-linear-gradient(top,transparent,#fff);background:linear-gradient(180deg,transparent,#fff);bottom:224px;content:"";height:30px;left:0;margin-left:1rem;pointer-events:none;position:fixed;right:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:calc(100% - 2rem)}.card-wrap.fade-hidden:after{opacity:0}.card-wrap-back::-webkit-scrollbar,.card-wrap::-webkit-scrollbar{border-radius:10px;width:6px}.card-wrap-back::-webkit-scrollbar-track,.card-wrap::-webkit-scrollbar-track{border-radius:6px}.card-wrap-back::-webkit-scrollbar-thumb,.card-wrap::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:10px}.card-wrap-back::-webkit-scrollbar-thumb:hover,.card-wrap::-webkit-scrollbar-thumb:hover{background:#8e8d8d}.language-switch,.shuffle-switch{display:inline-block;height:32px;position:relative;width:64px}.language-switch input,.shuffle-switch input{height:0;opacity:0;width:0}.language-slider,.shuffle-slider{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;bottom:0;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;left:0;padding:0 8px;position:absolute;right:0;top:0;-webkit-transition:.4s;transition:.4s}.language-slider{background-color:#ccf8d1}.shuffle-slider{background-color:#b3b3b3}.language-slider .slider-text{color:#757575;font-family:Beanbag_Dungmori_Rounded_Medium;font-size:12px;font-weight:700;position:absolute;right:8px}.language-slider .flag{background-position:50%;background-size:cover;border-radius:50%;bottom:0;height:26px;left:-6px;position:absolute;-webkit-transition:.4s;transition:.4s;width:26px}.flag.vi{background-image:url(/path-to-your-vietnam-flag.png);background:red;position:relative}.flag.vi:after{color:#ff0;content:"★";font-size:14px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.flag.ja{background-image:url(/path-to-your-japan-flag.png);background:#fff;position:relative}.flag.ja:after{background:red;border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:12px}.shuffle-switch input:checked+.shuffle-slider,input:checked+.language-slider{background-color:#ccf8d1}input:checked+.language-slider .flag{-webkit-transform:translateX(32px);-ms-transform:translateX(32px);transform:translateX(32px)}input:checked+.language-slider .slider-text{left:8px;right:auto}.language-slider.round,.shuffle-slider.round{border-radius:34px}.language-switch:hover .language-slider,.shuffle-switch:hover .shuffle-slider{opacity:.9}.shuffle-slider .slider-circle{background-color:#d9d9d9;border-radius:50%;bottom:3px;content:"";height:26px;left:4px;position:absolute;-webkit-transition:.4s;transition:.4s;width:26px}.shuffle-switch input:checked+.shuffle-slider .slider-circle{background-color:#07403f;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}.popover_setting_content{margin-top:10px}.popover_setting_content:before{background-color:#fff;-webkit-box-shadow:-2px -2px 5px rgba(0,0,0,.06);box-shadow:-2px -2px 5px rgba(0,0,0,.06);content:"";height:16px;margin:15px;position:absolute;right:30px;top:-24px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:16px}.popover_setting_content>div{background-color:#fff;position:relative;z-index:1}.popover_setting_content_item{-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.flashcards-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column;-ms-flex-flow:column;flex-flow:column;position:relative}.flashcards-wrap .a_cursor--pointer{cursor:pointer}.flashcards-wrap .content{width:80%}.flashcards-wrap .no-transition{-webkit-transition:none!important;transition:none!important}.flashcards-wrap .stackedcards.init{opacity:0}.flashcards-wrap .stackedcards{position:relative}.flashcards-wrap .stackedcards *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flashcards-wrap .stackedcards--animatable{-webkit-transition:all .4s ease;transition:all .4s ease}.flashcards-wrap .stackedcards .stackedcards-container>*,.flashcards-wrap .stackedcards-overlay{border-radius:10px 10px 0 0;height:100%;position:absolute;top:0;width:100%;will-change:transform,opacity}.flashcards-wrap .stackedcards-overlay.left>div,.flashcards-wrap .stackedcards-overlay.right>div,.flashcards-wrap .stackedcards-overlay.top>div{width:100%}.flashcards-wrap .stackedcards-overlay.left,.flashcards-wrap .stackedcards-overlay.left>div,.flashcards-wrap .stackedcards-overlay.right,.flashcards-wrap .stackedcards-overlay.right>div,.flashcards-wrap .stackedcards-overlay.top,.flashcards-wrap .stackedcards-overlay.top>div{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;height:100%;-webkit-justify-content:center;justify-content:center}.flashcards-wrap .stackedcards-overlay.left,.flashcards-wrap .stackedcards-overlay.right,.flashcards-wrap .stackedcards-overlay.top{font-size:24px;font-weight:700;left:0;opacity:0;top:-44px}.flashcards-wrap .stackedcards-overlay.top{background:transparent;color:transparent}.flashcards-wrap .stackedcards-overlay.right{background:#ceffd8;height:50px}.flashcards-wrap .stackedcards-overlay.left{background:#fff193;height:50px}.flashcards-wrap .stackedcards-overlay.left:empty,.flashcards-wrap .stackedcards-overlay.right:empty,.flashcards-wrap .stackedcards-overlay.top:empty{display:none!important}.flashcards-wrap .stackedcards-overlay-hidden{display:none}.flashcards-wrap .stackedcards-origin-top{-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}.flashcards-wrap .stackedcards-top{background:transparent;height:100%}.flashcards-wrap .stackedcards .stackedcards-container>:first-child{display:block;position:relative}.flashcards-wrap .card-item{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%}.flashcards-wrap .card-item .card-inner.flip{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flashcards-wrap .card-item .card-inner{min-height:550px;position:relative;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;width:100%}.flashcards-wrap .card-item .card-inner .card__face{backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;background-color:#fff;border-radius:32px;-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.3);box-shadow:0 6px 12px 0 rgba(0,0,0,.3);height:100%;padding:20px;position:absolute;width:100%}.flashcards-wrap .card-item .card-inner .card__face .card-inner.flip,.flashcards-wrap .card-item .card-inner .card__face--back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.left-action,.right-action{-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.left-action.active,.left-action:active,.left-action:hover{background-color:#ffe271}.right-action.active,.right-action:active,.right-action:hover{background-color:#98ffae}.vocabulary-search-container{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto 30px;position:relative;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%}.vocabulary-favorite-search-bar:hover,.vocabulary-search-bar:hover{-webkit-box-shadow:0 1px 6px rgba(32,33,36,.4);box-shadow:0 1px 6px rgba(32,33,36,.4)}.vocabulary-favorite-search-bar:focus-within,.vocabulary-search-bar:focus-within{-webkit-box-shadow:0 1px 10px rgba(32,33,36,.4);box-shadow:0 1px 10px rgba(32,33,36,.4)}.vocabulary-search-btn-back{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background-color:#fff;border-radius:50%;-webkit-box-shadow:0 1px 6px rgba(32,33,36,.28);box-shadow:0 1px 6px rgba(32,33,36,.28);cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;margin-right:15px;-webkit-transition:all .2s;transition:all .2s}.vocabulary-search-btn-back:hover{background-color:rgba(7,64,63,.05);-webkit-box-shadow:0 1px 6px rgba(32,33,36,.4);box-shadow:0 1px 6px rgba(32,33,36,.4)}.vocabulary-search-btn-back i{color:#07403f;font-size:22px}.search-icon{color:#9aa0a6;font-size:22px;margin-right:12px}.search-input{-webkit-box-flex:1;background:transparent;border:none;color:#202124;-webkit-flex:1;-ms-flex:1;flex:1;font-size:16px;outline:none;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:100%}.search-input::-webkit-input-placeholder{color:#9aa0a6;font-family:Averta-Regular;font-size:20px}.search-input::-moz-placeholder{color:#9aa0a6;font-family:Averta-Regular;font-size:20px}.search-input:-ms-input-placeholder{color:#9aa0a6;font-family:Averta-Regular;font-size:20px}.search-input::-ms-input-placeholder{color:#9aa0a6;font-family:Averta-Regular;font-size:20px}.search-input::placeholder{color:#9aa0a6;font-family:Averta-Regular;font-size:20px}.chart-overview-container{height:430px}.chart-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;background:#f0fff1;border-radius:32px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin-left:12px;padding:20px}.chart-header,.checkbox-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.checkbox-container{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer}.checkbox-container input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.filter-checkboxes .checkbox-container{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:8px;padding-left:28px;position:relative}.filter-checkboxes .checkbox-container:before{background-color:#fff;border:2px solid #407845;border-radius:50%;content:"";height:18px;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s ease;transition:all .2s ease;width:18px}.filter-checkboxes .checkbox-container input[type=checkbox]:checked~.checkbox-label:after{background-color:#407845;border-radius:50%;content:"";height:10px;left:-24px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s ease;transition:all .2s ease;width:10px}.filter-checkboxes .checkbox-container:hover:before{border-color:#2c5530}.filter-checkboxes .checkbox-label{color:#176867;cursor:pointer;position:relative}@media (max-width:768px){.chart-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.chart-filters{margin-top:10px}.filter-checkboxes{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:8px}}.filter-checkboxes::-webkit-scrollbar{width:6px}.filter-checkboxes::-webkit-scrollbar-track{background:transparent}.filter-checkboxes::-webkit-scrollbar-thumb{background-color:#407845;border:none;border-radius:10px}.filter-checkboxes::-webkit-scrollbar-button{display:none}.filter-checkboxes{scrollbar-color:#407845 transparent;scrollbar-width:thin}.dialog-wrapper.custom-scrollbar{overflow-x:hidden;overflow-y:auto;scrollbar-color:#57d061 transparent;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#407845;border:none;border-radius:10px}.search-not-found{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;min-height:400px;padding:40px 20px;text-align:center}.search-not-found-image{margin-bottom:20px;max-width:250px;width:100%}.search-not-found-image img{height:auto;width:100%}.search-not-found-text{color:#757575;font-family:Averta-Regular;font-size:18px;line-height:1.5;max-width:400px}.highlight{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;-webkit-box-shadow:0 0 10px #57d061;box-shadow:0 0 10px #57d061}@-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 10px #57d061;box-shadow:0 0 10px #57d061}50%{-webkit-box-shadow:0 0 24px #57d061;box-shadow:0 0 24px #57d061}to{-webkit-box-shadow:0 0 10px #57d061;box-shadow:0 0 10px #57d061}}@keyframes pulse{0%{-webkit-box-shadow:0 0 10px #57d061;box-shadow:0 0 10px #57d061}50%{-webkit-box-shadow:0 0 24px #57d061;box-shadow:0 0 24px #57d061}to{-webkit-box-shadow:0 0 10px #57d061;box-shadow:0 0 10px #57d061}}.dialog-vocabulary-info .el-dialog{background:url(/images/vocabulary/bg-info-popup.svg),#fff!important;background-position:top!important;background-repeat:no-repeat!important;border-radius:32px;max-width:1224px!important}.flashcard-popup-overlay{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background-color:rgba(0,0,0,.7);bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.flashcard-popup{max-height:90vh;max-width:800px;width:90%}.flashcard-popup-content{-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:space-between;justify-content:space-between;padding:30px}.flashcard-nav-button,.flashcard-popup-content{-webkit-box-align:center;-webkit-align-items:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.flashcard-nav-button{-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;background-color:#ccf8d1;border:none;border-radius:50%;color:#07403f;cursor:pointer;font-size:18px;height:50px;-webkit-justify-content:center;justify-content:center;-webkit-transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,-webkit-transform .2s;transition:background-color .2s,transform .2s;transition:background-color .2s,transform .2s,-webkit-transform .2s;width:50px}.flashcard-nav-button:hover{background-color:#0a5e5c;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.flashcard-nav-button:disabled{background-color:#ccc;cursor:not-allowed;-webkit-transform:none;-ms-transform:none;transform:none}.flashcard-container{-webkit-box-flex:1;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-justify-content:center;justify-content:center;margin:0 20px;-webkit-perspective:1000px;perspective:1000px}.flashcard{height:400px;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform .6s;transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s;width:100%}.flashcard.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flashcard-back,.flashcard-front{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:16px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.1);box-shadow:0 4px 10px rgba(0,0,0,.1);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-webkit-justify-content:center;justify-content:center;padding:30px;position:absolute;width:100%}.flashcard-front{background-color:#f8f9fa;border:2px solid #07403f}.flashcard-back{background-color:#07403f;color:#fff;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flashcard-word{font-size:48px;font-weight:700;margin-bottom:20px;text-align:center}.flashcard-reading{color:#666;font-size:24px;text-align:center}.flashcard-meaning{font-size:36px;font-weight:700;margin-bottom:30px;text-align:center}.flashcard-example{max-width:500px;width:100%}.example-jp{font-size:20px;margin-bottom:10px;text-align:center}.example-vi{color:#ccc;font-size:18px;text-align:center}.vocabulary-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:calc(100vh - 76px)}.nav-menu{background-color:#f8f9fa;border-right:1px solid #e9ecef;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;width:280px}.nav-menu.collapsed{background-color:#f4f5fa;border-right:none}#navMenu .nav-menu-header{border-bottom:1px solid #e9ecef;padding:15px 35px;-webkit-transition:all .3s ease;transition:all .3s ease;white-space:nowrap}.nav-menu.collapsed .nav-menu-header{background-color:#fff;border-bottom:none;border-radius:12px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;height:48px;margin-left:15px;margin-top:15px;padding:10px}.nav-menu-items,.nav-menu.collapsed .nav-menu-header{-webkit-transition:all .3s ease;transition:all .3s ease}.nav-menu-items{max-height:calc(100vh - 120px);overflow-y:auto}.nav-menu.collapsed .nav-menu-items{max-height:0;opacity:0;-webkit-transition:all .3s ease,opacity .2s ease,visibility 0s linear .3s;transition:all .3s ease,opacity .2s ease,visibility 0s linear .3s;visibility:hidden}.nav-menu.collapsed .nav-menu-header:hover{background-color:#e9ecef}.nav-menu-header{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid #e9ecef;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:15px}.nav-menu-title{color:#07403f;font-size:18px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toggle-menu{color:#07403f;cursor:pointer}.nav-menu-items{padding:20px}.nav-menu-item{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:12px;color:#495057;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:10px 15px;-webkit-transition:all .2s;transition:all .2s}.nav-menu-item:hover{background-color:#e9ecef}.nav-menu-item.active{background-color:#ccf8d1;color:#07403f;font-weight:700}.nav-menu-item i{margin-right:5px;text-align:center;width:20px}.nav-menu-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-submenu{max-height:0;overflow:hidden;padding-left:30px;-webkit-transition:max-height .3s ease-in-out;transition:max-height .3s ease-in-out}.nav-submenu.open{max-height:500px}.fa-chevron-down{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.fa-chevron-down.open{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.nav-submenu-item{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;border-radius:12px;color:#6c757d;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px 15px;-webkit-transition:all .2s;transition:all .2s}.nav-submenu-item:hover{background-color:#e9ecef}.nav-submenu-item.active{color:#07403f;font-weight:700}.content-area{-webkit-box-flex:1;background-color:#f4f5fa;background-image:url(/images/vocabulary/vocabulary-pattern.svg);background-position:top;background-repeat:no-repeat;background-size:auto;-webkit-flex:1;-ms-flex:1;flex:1;padding:20px;position:relative}.content-area:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.content-section{display:none;position:relative;z-index:1}.vocabulary-cards{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;margin-top:20px}.vocabulary-card{background-color:#fff;border-radius:24px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;width:calc(20% - 16px)}.vocabulary-card:hover{-webkit-box-shadow:0 8px 16px rgba(0,0,0,.15);box-shadow:0 8px 16px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px)}.vocabulary-card-image{border-bottom:1px solid #eee;height:130px;-o-object-fit:cover;object-fit:cover;width:100%}.vocabulary-card-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:120px;-webkit-justify-content:center;justify-content:center;padding-left:20px;padding-right:15px}.vocabulary-card-name{padding:20px 20px 0;text-align:right}.vocabulary-card-name h1{-webkit-text-fill-color:transparent;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#57d061));background:-webkit-linear-gradient(#fff,#57d061);background:linear-gradient(#fff,#57d061);-webkit-background-clip:text;background-clip:text;font-size:110px;font-weight:700}.vocabulary-card+.vocabulary-card-incoming{background-image:url(/images/vocabulary/bg-incoming.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.vocabulary-card.card-favorite{width:100%}.vocabulary-card-incoming-text p{bottom:0;font-size:20px;font-weight:700;left:0;margin:0;padding:28px 0;position:absolute;text-align:center;width:100%}.vocabulary-card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#07403f;display:-webkit-box;font-size:16px;font-weight:700;overflow:hidden}.vocabulary-card-count{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#6c757d;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:14px}.vocabulary-card-count i{font-size:12px;margin-right:5px}.vocabulary-card-badge{border-radius:20px;font-size:12px;font-weight:700;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase;top:10px}.badge-vip{background-color:#e84c4c;color:#fff}.badge-free{background-color:#28a745;color:#fff}.badge-favorite{background-color:#dc3545;color:#fff}.badge-new{background-color:#ef6d13;color:#fff;margin:12px 0 0 14px}.vocabulary-card-status{left:0;position:absolute;top:0}.vocabulary-line{border-radius:50px;height:41px;left:10px;position:absolute;width:2px}@media (max-width:1200px){.vocabulary-card{width:calc(25% - 15px)}}@media (max-width:992px){.vocabulary-card{width:calc(33.333% - 14px)}}@media (max-width:768px){.vocabulary-card{width:calc(50% - 10px)}}@media (max-width:576px){.vocabulary-card{width:100%}}.overview-content{padding:0!important}.vocabulary-section{margin-bottom:50px;padding:0 20px}.vocabulary-section-title{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;color:#07403f;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:700;margin-bottom:20px;padding-bottom:10px}.vocabulary-section-title .badge{border-radius:20px;font-size:12px;margin-left:10px;padding:4px 8px;text-transform:uppercase}.view-all-btn{margin-top:20px;text-align:center}.view-all-btn button{background-color:#07403f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 20px;-webkit-transition:all .3s ease;transition:all .3s ease}.view-all-btn button:hover{background-color:#0a5e5c;-webkit-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px)}.view-all-btn i{margin-left:5px}.content-section.active{display:block}.section-title{color:#07403f;font-size:24px;font-weight:700;margin-bottom:20px}.section-content{min-height:300px;padding:25px;-webkit-transition:all .3s ease;transition:all .3s ease}@media (max-width:768px){.nav-menu{height:100%;left:0;position:fixed;top:60px;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);z-index:1000}.nav-menu.open{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.content-area{width:100%}}ruby{line-height:2.2}.language-switch.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.language-switch.disabled input{cursor:not-allowed}.language-switch.disabled .language-slider{cursor:not-allowed;opacity:.6}.unlock-course-popup-overlay{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;background-color:rgba(0,0,0,.5);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;-webkit-justify-content:center;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.unlock-course-popup{background:#fff;border-radius:24px;-webkit-box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.unlock-course-popup-content{padding:40px 30px;position:relative;text-align:center}.unlock-course-close-btn{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:none;border:none;border-radius:50%;color:#757575;cursor:pointer;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:24px;height:40px;-webkit-justify-content:center;justify-content:center;position:absolute;right:20px;top:20px;-webkit-transition:background-color .2s;transition:background-color .2s;width:40px}.unlock-course-close-btn:hover{background-color:#f5f5f5}.unlock-course-icon{margin-bottom:20px}.unlock-course-actions,.unlock-course-icon{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;justify-content:center}.unlock-course-actions{-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}.unlock-course-btn-cancel,.unlock-course-btn-purchase{border:none;cursor:pointer;min-width:120px;-webkit-transition:all .2s;transition:all .2s}.unlock-course-btn-cancel:hover{background-color:#e5e5e5!important}.unlock-course-btn-purchase:hover{background-color:#d55a0a!important;-webkit-box-shadow:0 4px 8px rgba(239,109,19,.3);box-shadow:0 4px 8px rgba(239,109,19,.3);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:768px){.unlock-course-popup{margin:20px;width:95%}.unlock-course-popup-content{padding:30px 20px}}