.notebook-container[data-v-36ad35e7]{background-image:url(../img/notebook-background-large.aec769c9.svg);background-repeat:no-repeat;background-size:cover;background-position:50%}.notebook-container .main[data-v-36ad35e7]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;margin-top:60px}.notebook-container .main .back[data-v-36ad35e7]{top:-37px;left:20px;z-index:20;width:40px!important;height:40px!important}.notebook-container .main .back[data-v-36ad35e7]:hover{opacity:.9}.notebook-container .main .page-filter[data-v-36ad35e7]{background-color:#2472b3;padding:12px 40px 30px 40px;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;bottom:0;right:120px;border-top-left-radius:20px;border-top-right-radius:20px;z-index:200;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.notebook-container .main .page-filter .page-content[data-v-36ad35e7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:60px;position:relative}.notebook-container .main .page-filter .page-content .drop-btn[data-v-36ad35e7]{position:absolute;top:-24px;left:18px;z-index:200;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.notebook-container .main .page-filter .filter-left[data-v-36ad35e7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px}.notebook-container .main .page-filter .filter-left .filter-title[data-v-36ad35e7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;gap:13px;font-size:12px;font-family:hanzipen,Montserrat,Arial,sans-serif}.notebook-container .main .page-filter .filter-left .filter-reset[data-v-36ad35e7]{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:6px;font-size:10px;font-family:Montserrat-Semibold;color:#bce1dc;padding-left:31px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.notebook-container .main .page-filter .filter-right[data-v-36ad35e7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px}.notebook-container .main .page-filter .filter-right .filter-btn[data-v-36ad35e7]{padding:9px 17px;cursor:pointer;border-radius:18px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;font-size:14px;font-family:hanzipen,Montserrat,Arial,sans-serif}.notebook-container .main .page-filter .filter-right .learn[data-v-36ad35e7]{border:1px solid #f6c752;color:#f6c752}.notebook-container .main .page-filter .filter-right .masterd[data-v-36ad35e7]{border:1px solid #bce1dc;color:#bce1dc}.notebook-container .main .page-filter .filter-right .untouch[data-v-36ad35e7]{border:1px solid #fafafa;color:#fafafa}.notebook-container .main .page-filter .filter-right .learnActive[data-v-36ad35e7]{background-color:#f6c752;color:#fff}.notebook-container .main .page-filter .filter-right .masterdActive[data-v-36ad35e7]{background-color:#bce1dc;color:#fff}.notebook-container .main .page-filter .filter-right .untouchActive[data-v-36ad35e7]{background-color:#fafafa;color:#4d4d4d}.notebook-container .main .page-filter .filter-right .study-btn[data-v-36ad35e7]{padding:10px 20px;border-radius:23px;background-color:#f6c752;cursor:pointer;color:#2472b3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:13px;font-size:12px;font-family:Montserrat-Medium}.notebook-container .main .page_main_title[data-v-36ad35e7]{color:#2472b3;font-family:Montserrat-Semibold;font-size:22px;margin-left:60px;margin-top:15px;margin-bottom:10px;cursor:default;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.notebook-container .main .page_main_title .title[data-v-36ad35e7]{cursor:pointer}.notebook-container .main .page_main_title .sub-title[data-v-36ad35e7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:14px;cursor:pointer}.notebook-container .main .two-type[data-v-36ad35e7]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:60px;margin-left:60px;margin-top:6vh;gap:33px}.notebook-container .main .two-type .tab_type[data-v-36ad35e7]{position:relative;cursor:pointer}.notebook-container .main .two-type .tab_type .type-img[data-v-36ad35e7]{position:relative}.notebook-container .main .two-type .tab_type .type-bottom[data-v-36ad35e7]{position:absolute;bottom:40px;left:70px}.notebook-container .main .two-type .tab_type .type-bottom p[data-v-36ad35e7]{font-family:Montserrat;color:#2472b3;font-size:20px;font-family:Montserrat-Medium;line-height:1}.notebook-container .main .list[data-v-36ad35e7]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:10px;padding-bottom:20px;margin-left:7vw;margin-right:7vw;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}.notebook-container .main .list .card[data-v-36ad35e7]{margin-right:20px;-ms-flex-negative:0;flex-shrink:0}.notebook-container .main .studyActive[data-v-36ad35e7]{margin:0}.notebook-container .main .grammarList[data-v-36ad35e7]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}