.header-dropdown-wrapper .btn-header-dropdown{display:flex;padding:0;justify-content:center;align-items:center;gap:4px;border-radius:8px;cursor:pointer;min-width:fit-content;z-index:2;position:relative}.header-dropdown-wrapper .btn-header-dropdown span{font-weight:600;font-size:14px;line-height:22px;white-space:nowrap;color:#2d3642}.header-dropdown-wrapper .btn-header-dropdown:after{content:"";position:absolute;top:100%;left:0;width:100%;height:12px;z-index:10;cursor:pointer}.header-dropdown-wrapper a{text-decoration:none}.header-dropdown-wrapper span{color:#2d3642;text-align:center;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}@media screen and (max-width:1300px){.header-dropdown-wrapper span{font-size:14px}}.header-dropdown-wrapper .icon-navigation{width:14px;height:14px;transition:transform .2s ease-in-out;padding-bottom:2px}.header-dropdown-wrapper .menu-new-worksheet{background:#fff;filter:drop-shadow(2px 4px 10px rgba(33,33,33,.2));border-radius:12px;position:fixed;width:139px;height:104px;padding-top:4px;padding-bottom:4px;border-radius:6px;box-sizing:border-box;z-index:11;left:219px;top:47px;cursor:default;opacity:0;transition:opacity .3s ease-out,clip-path .3s ease-out;box-shadow:-2px 2px 16px 0 #0000000f}.header-dropdown-wrapper .menu-new-worksheet .menu-item{width:139px;height:32px;padding:5px 12px;box-sizing:border-box;display:flex;gap:8px;align-items:center;background-color:#fff;transition:background-color .3s ease-in-out;cursor:pointer}.header-dropdown-wrapper .menu-new-worksheet .menu-item p{margin:0;font-weight:400;font-size:14px;line-height:22px;vertical-align:middle;color:#2d3642}.header-dropdown-wrapper .menu-new-worksheet .menu-item:hover{background:#f5f5f5}.header-dropdown-wrapper .menu-new-worksheet .popup-menu-container{min-width:1000px}@media screen and (min-width:1025px) and (max-width:1100px){.header-dropdown-wrapper .menu-new-worksheet{left:20px}.header-dropdown-wrapper .menu-new-worksheet .card-container .card{max-width:314px}.header-dropdown-wrapper .menu-new-worksheet .popup-menu-container{min-width:970px!important}}.header-dropdown-wrapper .menu-new-worksheet-show-scale{opacity:1}.header-dropdown-wrapper .menu-new-worksheet-show-hide{clip-path:inset(0 0 100% 0);opacity:0;z-index:-1}.header-dropdown-wrapper .overlay{position:fixed;top:52px;left:0;width:100vw;height:100vh;background-color:rgba(33,33,33,.24);transition:opacity .3s ease-in-out;opacity:0;pointer-events:none}.header-dropdown-wrapper .overlay-show{opacity:1;pointer-events:auto;z-index:1}.header-dropdown-wrapper .overlay-hide{opacity:0;pointer-events:none;z-index:-1}.header-dropdown-wrapper .menu-new-worksheet:hover span,.header-dropdown-wrapper:hover span{color:rgba(var(--color),1)}.header-dropdown-wrapper .menu-new-worksheet:hover .icon-navigation,.header-dropdown-wrapper:hover .icon-navigation{transform:rotate(-180deg)}.header-dropdown-wrapper .menu-new-worksheet:hover .icon-navigation path,.header-dropdown-wrapper:hover .icon-navigation path{fill:rgba(var(--color),1)}.header-dropdown-wrapper .menu-new-worksheet:hover .menu-new-worksheet,.header-dropdown-wrapper:hover .menu-new-worksheet{display:block}@media screen and (max-width:1300px){.header-dropdown-wrapper .menu-new-worksheet{display:block}.header-dropdown-wrapper .menu-new-worksheet span{color:rgba(var(--color),1)}.header-dropdown-wrapper .menu-new-worksheet .icon-navigation{transform:rotate(-180deg)}.header-dropdown-wrapper .menu-new-worksheet .icon-navigation path{fill:rgba(var(--color),1)}}.header-dropdown-wrapper:hover:after{content:"";position:absolute;width:180px;height:30px;bottom:-10px;left:217px;z-index:10}#backdrop{display:none;position:absolute;width:100vw;height:100vh;top:0;left:0;background-color:rgba(33,33,33,.4);z-index:1;inset:0}.resource-type-btn-header{margin-left:24px}.header-resource-component{position:sticky;top:0;z-index:100;transition:all .2s ease-in-out;background-color:#fff}@media screen and (min-width:1025px){.header-resource-component{height:calc(var(--heightHeader) - 1px);width:calc(100vw - var(--widthScrollThumb))}}.header-resource-component .header-bar-container.v4 .input-open-chat-bot,.header-resource-component .header-bar-container.v4 .main-search{width:100%;margin:0}.header-resource-component .header-bar-container.v4 .input-open-chat-bot .input-open-chat-bot-content,.header-resource-component .header-bar-container.v4 .main-search .input-open-chat-bot-content{margin:0!important;width:100%!important}.header-resource-component .header-bar-container.v4 .new-header{--height:24px;background:#fff;z-index:10;position:relative;width:100vw;border-bottom:1px solid #0000000f}@media screen and (min-width:1025px) and (max-width:1260px){.header-resource-component .header-bar-container.v4 .new-header{width:calc(100vw - 16px)}}.header-resource-component .header-bar-container.v4 .new-header a{text-decoration:none}.header-resource-component .header-bar-container.v4 .new-header .navigation{display:flex;align-items:center;justify-content:space-between;z-index:1;padding:8px 16px 8px 0;gap:84px;height:52px;box-sizing:border-box}.header-resource-component .header-bar-container.v4 .new-header .navigation.login{gap:120px}.header-resource-component .header-bar-container.v4 .new-header .navigation .header-left{display:flex;align-items:center;width:100%;gap:20px}.header-resource-component .header-bar-container.v4 .new-header .navigation .header-left .logo{display:flex;align-items:center;padding-left:16px;padding-right:16px;width:143px;height:20px}.header-resource-component .header-bar-container.v4 .new-header .navigation .header-left .link-btn{border-radius:8px;color:#2d3642;text-align:center;font-size:16px;font-weight:500;z-index:2;transition:transform .3s ease;font-weight:600;font-size:14px;line-height:22px;white-space:nowrap;text-align:left}.header-resource-component .header-bar-container.v4 .new-header .navigation .header-left .link-btn.new-link-btn{width:max-content;padding-right:.66px;position:relative;margin-right:17px}.header-resource-component .header-bar-container.v4 .new-header .navigation .header-left .link-btn.new-link-btn .icon-class-management{bottom:-2px;right:-33px;position:absolute;width:50px;height:50px}@media screen and (max-width:1260px){.header-resource-component .header-bar-container.v4 .new-header .navigation .header-left .link-btn{font-size:14px}}.header-resource-component .header-bar-container.v4 .new-header .navigation .header-left .link-btn:hover{color:rgba(var(--color),1)}.header-resource-component .header-bar-container.v4 .new-header .navigation .header-left .search{width:100%}.header-resource-component .header-bar-container.v4 .new-header .navigation .header-left .search .option-search{border-radius:6px 0 0 6px}.header-resource-component .header-bar-container.v4 .new-header .navigation .header-left .search .option-search p{width:100px}.header-resource-component .header-bar-container.v4 .new-header .suggest{background-color:#fff;position:fixed;width:100%;display:block;z-index:1;padding:8px 16px 18px}.header-resource-component .header-bar-container.v4 .new-header .suggest.show{transition:top .8s}.header-resource-component .header-bar-container.v4 .new-header .suggest.hide{top:0;display:none}.header-resource-component .header-bar-container.v4 .new-header.hide{display:none}.header-resource-component .header-bar-container.v4 .new-header .before-login-header{display:flex;font-size:16px;line-height:20px;color:#2a3b52;font-weight:500;gap:16px;width:100%;justify-content:flex-end;align-items:center}.header-resource-component .header-bar-container.v4 .new-header .before-login-header a{display:flex;align-items:center;white-space:nowrap;border-radius:6px;cursor:pointer}.header-resource-component .header-bar-container.v4 .new-header .before-login-header a .btn-header-right{font-size:14px;font-weight:600;line-height:22px;align-items:center;white-space:nowrap;min-width:89px;height:32px;gap:8px;padding:4px 8px;border-radius:6px;border:1px solid #d9d9d9;box-sizing:border-box;cursor:pointer;box-shadow:0 2px 0 0 #00000004;transition:transform .3s ease;color:#2d3642;text-align:center;transition:border-color .3s ease,color .3s ease}.header-resource-component .header-bar-container.v4 .new-header .before-login-header a .btn-header-right:hover{border:1px solid #85a5ff;color:#85a5ff}.header-resource-component .header-bar-container.v4 .new-header .before-login-header .login-teacher-student-header{font-size:14px;font-weight:600;line-height:22px;text-align:center;white-space:nowrap;display:flex;align-items:center;cursor:pointer;min-width:68px;height:32px;gap:8px;padding:4px 15px;border-radius:6px;box-sizing:border-box;background-color:#597ef7;border:1px solid #597ef7;box-shadow:0 2px 0 0 #0000000b;color:#fff;outline:none}.header-resource-component .header-bar-container.v4 .new-header .before-login-header .login-teacher-student-header:hover{background-color:#85a5ff;border:1px solid #85a5ff;transform:none;text-decoration:none}.header-resource-component .header-bar-container.v4 .new-header .before-login-header .main-search{max-width:560px}.header-resource-component .header-bar-container.v4 .new-header .before-login-header .input-open-chat-bot,.header-resource-component .header-bar-container.v4 .new-header .before-login-header .new-input-header{margin:0;box-sizing:border-box;width:fit-content}.header-resource-component .header-bar-container.v4 .new-header .before-login-header .input-open-chat-bot .input-open-chat-bot-content,.header-resource-component .header-bar-container.v4 .new-header .before-login-header .new-input-header .input-open-chat-bot-content{max-width:560px;height:36px;padding:4px 6px 4px 8px;box-sizing:border-box;width:calc(100svw - 992px)!important;overflow:hidden}.header-resource-component .header-bar-container.v4 .new-header .before-login-header .new-input-header{width:100%;display:flex;justify-content:end}.header-resource-component .header-bar-container.v4 .new-header .before-login-header .noti-btn{margin:0;width:32px;height:36px;gap:10px;border-radius:6px;padding:4px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}@media screen and (min-width:1024px){.header-resource-component .header-bar-container.v4 .new-header .before-login-header .noti-btn:hover{box-shadow:0 3px 2px 0 #0000001f;background:#2d364214}}.header-resource-component .header-bar-container.v4 .new-header .before-login-header .noti-btn .noti-number{position:absolute;top:0;right:0;background-color:red;color:#fff;border-radius:50%;padding:2px;width:12px;height:12px;font-size:10px;font-weight:600;line-height:10px;display:flex;justify-content:center;align-items:center}.header-resource-component .header-bar-container.v4 .new-header .navigation{width:calc(100vw - 7px)}.header-v2.header-resource-component .new-header{width:100%!important}.badge-wrapper{display:inline-block;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.badge-wrapper .badge-background{display:inline-flex;background-color:#ffa928;border-radius:4px;padding:0 4px;animation:bgScale 2.2s ease-in-out infinite;transform-origin:center;box-sizing:border-box;gap:2px;height:14px}.badge-wrapper .badge-char{color:#fff;font-weight:600;font-size:9px;transform-origin:center;line-height:14px;animation-duration:2.2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.badge-wrapper .badge-char.n{animation-name:textScaleN}.badge-wrapper .badge-char.e{animation-name:textScaleE}.badge-wrapper .badge-char.w{animation-name:textScaleW}@keyframes bgScale{0%{transform:scale(0)}30%{transform:scale(1.2)}50%{transform:scale(1)}80%{transform:scale(1)}to{transform:scale(0)}}@keyframes textScaleN{0%{transform:scale(0)}30%{transform:scale(1.2)}45%{transform:scale(1)}80%{transform:scale(1)}to{transform:scale(0)}}@keyframes textScaleE{0%{transform:scale(0)}30%{transform:scale(1.3)}50%{transform:scale(1)}80%{transform:scale(1)}to{transform:scale(0)}}@keyframes textScaleW{0%{transform:scale(0)}30%{transform:scale(1.4)}55%{transform:scale(1)}80%{transform:scale(1)}to{transform:scale(0)}}.new-worksheet-header-v4{display:flex}.new-worksheet-header-v4.header-dropdown-wrapper .menu-new-worksheet{left:306px;width:fit-content;height:fit-content;padding:16px;display:flex}.new-worksheet-header-v4.header-dropdown-wrapper .menu-new-worksheet .footer-header{position:relative}.new-worksheet-header-v4.header-dropdown-wrapper .menu-new-worksheet .footer-header .line-style{position:absolute;left:172px;z-index:10;bottom:-10px}.new-worksheet-header-v4.header-dropdown-wrapper .menu-new-worksheet .footer-header .description{position:absolute;left:32px;bottom:34px;width:205px;font-size:20px;font-weight:500;line-height:28px;color:#2d3642}.new-worksheet-header-v4.header-dropdown-wrapper .menu-new-worksheet .footer-header .box-card-btn-create-container{margin:16px 16px 0;width:calc(100% - 16px);height:124px;gap:16px;border-radius:8px;padding:16px 16px 16px 0;display:flex;flex-direction:row;align-items:stretch;background-color:#f0f5ff;box-sizing:border-box;justify-content:end}.new-worksheet-header-v4.header-dropdown-wrapper .menu-new-worksheet .footer-header .box-card-btn-create-container .card-new-container{background-color:#fff;box-shadow:0 1px 4px 0 #00000040;width:316px;height:92px;border-radius:12px}.new-worksheet-header-v4.header-dropdown-wrapper .menu-new-worksheet .footer-header .box-card-btn-create-container .card-ai{margin-top:0}.new-worksheet-header-v4.header-dropdown-wrapper .main-tab-tools{display:flex;flex-direction:column;gap:8px;align-items:center;padding-right:15px;border-right:1px solid rgba(0,0,0,.06)}.new-worksheet-header-v4.header-dropdown-wrapper .main-tab-tools .main-tab-tool{padding:6px 4px 6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;width:173px;cursor:pointer;font-size:14px;color:#2d3642}.new-worksheet-header-v4.header-dropdown-wrapper .main-tab-tools .main-tab-tool.active,.new-worksheet-header-v4.header-dropdown-wrapper .main-tab-tools .main-tab-tool:hover{border-radius:4px;background:#f0f5ff}