.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader{z-index:10;background:#fff;border-bottom:1px solid #0000000f;width:100vw;position:relative}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader a{text-decoration:none}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__navigation{z-index:1;box-sizing:border-box;justify-content:space-between;align-items:center;gap:84px;width:calc(100vw - 7px);height:52px;padding:8px 16px 8px 0;display:flex}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__navigation.index-module-scss-module__AZisJq__navigationLogin{gap:80px}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__headerLeft{align-items:center;gap:20px;width:100%;display:flex;position:relative}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__logo{flex-shrink:0;align-items:center;padding-left:16px;padding-right:16px;display:flex}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__linkBtn{color:#2d3642;white-space:nowrap;text-align:left;z-index:2;cursor:pointer;border-radius:8px;font-size:14px;font-weight:600;line-height:22px;transition:transform .3s;position:relative}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__linkBtn:hover{color:var(--color-hover,#85a5ff)}@media screen and (max-width:1260px){.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__linkBtn{font-size:14px}}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__newLinkBtn{width:max-content;padding-right:.66px;position:relative}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__iconClassManagement{width:50px;height:50px;position:absolute;bottom:-2px;right:-33px}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__beforeLoginHeader{color:#2a3b52;justify-content:flex-end;align-items:center;gap:16px;width:100%;font-size:16px;font-weight:500;line-height:20px;display:flex}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__beforeLoginHeader a{white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;display:flex}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__btnHeaderRight{white-space:nowrap;box-sizing:border-box;cursor:pointer;color:#2d3642;text-align:center;border:1px solid #d9d9d9;border-radius:6px;align-items:center;gap:8px;min-width:89px;height:32px;padding:4px 8px;font-size:14px;font-weight:600;line-height:22px;transition:border-color .3s,color .3s;display:flex;box-shadow:0 2px #00000004}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__btnHeaderRight:hover{color:#85a5ff;border:1px solid #85a5ff}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__loginStudentHeader{white-space:nowrap;box-sizing:border-box;cursor:pointer;color:#2d3642;text-align:center;border:1px solid #d9d9d9;border-radius:6px;align-items:center;gap:8px;min-width:89px;height:32px;padding:4px 8px;font-size:14px;font-weight:600;line-height:22px;transition:border-color .3s,color .3s;display:flex;box-shadow:0 2px #00000004}.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader .index-module-scss-module__AZisJq__loginStudentHeader:hover{color:#85a5ff;border:1px solid #85a5ff}@media screen and (min-width:1025px) and (max-width:1260px){.index-module-scss-module__AZisJq__headerBarContainer .index-module-scss-module__AZisJq__newHeader{width:calc(100vw - 16px)}}@media screen and (max-width:1024px){.index-module-scss-module__AZisJq__desktopOnly{display:none}}.index-module-scss-module__AZisJq__mobileFilterButton{cursor:pointer;-webkit-tap-highlight-color:#0000;background:#fff;border:1px solid #d9d9d9;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;box-shadow:0 2px #00000004}
.FooterHomeNewUser-module-scss-module__MbqbIa__flCG{flex-direction:column;gap:16px;display:flex}.FooterHomeNewUser-module-scss-module__MbqbIa__labelItem{text-align:left;color:#fff;font-size:14px;font-weight:700;line-height:22px}.FooterHomeNewUser-module-scss-module__MbqbIa__textContent{font-family:var(--font-nunito),sans-serif;text-align:left;color:#bfbfbf;font-size:14px;font-weight:400;line-height:22px}.FooterHomeNewUser-module-scss-module__MbqbIa__sectionFooterHome{box-sizing:border-box;background-color:#2d3642;justify-content:center;align-items:center;width:100%;padding:60px 0 40px;display:flex}.FooterHomeNewUser-module-scss-module__MbqbIa__sectionFooterHome *{box-sizing:border-box}.FooterHomeNewUser-module-scss-module__MbqbIa__sectionFooterHome a{text-decoration:none}.FooterHomeNewUser-module-scss-module__MbqbIa__sectionFooterHome a:hover{text-decoration:underline}.FooterHomeNewUser-module-scss-module__MbqbIa__sectionFooterHome.FooterHomeNewUser-module-scss-module__MbqbIa__acceptCookie{padding-bottom:60px}.FooterHomeNewUser-module-scss-module__MbqbIa__layoutFooterV1{justify-content:space-between;width:100%;max-width:1206px;display:flex;position:relative}.FooterHomeNewUser-module-scss-module__MbqbIa__footerSs1{flex-direction:column;gap:16px;max-width:300px;display:flex}.FooterHomeNewUser-module-scss-module__MbqbIa__logoFooter{width:154px;height:22px}.FooterHomeNewUser-module-scss-module__MbqbIa__logoFooterContainer{justify-content:space-between;align-items:center;gap:16px;display:flex}.FooterHomeNewUser-module-scss-module__MbqbIa__logoFooterContainer .FooterHomeNewUser-module-scss-module__MbqbIa__dmcaProtected{display:none}.FooterHomeNewUser-module-scss-module__MbqbIa__dmcaProtected{width:121px}.FooterHomeNewUser-module-scss-module__MbqbIa__logoBlockInfo p{font-family:var(--font-nunito),sans-serif;letter-spacing:0;margin:0;font-size:14px;font-weight:600;line-height:22px}.FooterHomeNewUser-module-scss-module__MbqbIa__infoTitle{color:#bfbfbf;font-weight:400}.FooterHomeNewUser-module-scss-module__MbqbIa__infoText{color:#fff}.FooterHomeNewUser-module-scss-module__MbqbIa__footerSs2{align-items:flex-start;gap:60px;display:flex}.FooterHomeNewUser-module-scss-module__MbqbIa__linkTo{gap:16px}.FooterHomeNewUser-module-scss-module__MbqbIa__clusterResource{min-width:112px}.FooterHomeNewUser-module-scss-module__MbqbIa__clusterCompany{min-width:100px}.FooterHomeNewUser-module-scss-module__MbqbIa__clusterLegal{min-width:134px}.FooterHomeNewUser-module-scss-module__MbqbIa__footerSs3{max-width:283px}.FooterHomeNewUser-module-scss-module__MbqbIa__clusterIntroSendMail{gap:16px;width:100%}.FooterHomeNewUser-module-scss-module__MbqbIa__clusterSendMail{gap:16px;width:100%;position:relative}.FooterHomeNewUser-module-scss-module__MbqbIa__clusterSendMail input{color:#fff;background-color:#0000;border:1px solid #ffffff85;border-radius:8px;width:100%;padding:12px 70px 12px 12px;font-size:14px;font-weight:400;line-height:22px}.FooterHomeNewUser-module-scss-module__MbqbIa__clusterSendMail input::placeholder{color:#ffffff85}.FooterHomeNewUser-module-scss-module__MbqbIa__clusterSendMail input:focus{outline:none}.FooterHomeNewUser-module-scss-module__MbqbIa__btnSubmit{cursor:pointer;text-align:left;color:#2d3642;opacity:1;box-sizing:border-box;background-color:#fff;border-radius:6px;width:66px;height:40px;padding:7px 14px;font-size:16px;font-weight:600;line-height:24px;position:absolute;top:4px;right:4px}@media screen and (max-width:1024px){.FooterHomeNewUser-module-scss-module__MbqbIa__sectionFooterHome{padding:24px 16px 20px}.FooterHomeNewUser-module-scss-module__MbqbIa__layoutFooterV1{flex-direction:column;gap:24px;width:100%;max-width:100%}.FooterHomeNewUser-module-scss-module__MbqbIa__flCG{gap:16px}.FooterHomeNewUser-module-scss-module__MbqbIa__textContent{color:#bfbfbf;font-size:14px;line-height:22px}.FooterHomeNewUser-module-scss-module__MbqbIa__footerSs1{max-width:unset;flex-direction:column;justify-content:space-between;gap:8px}.FooterHomeNewUser-module-scss-module__MbqbIa__logoFooter{width:142px;height:20px}.FooterHomeNewUser-module-scss-module__MbqbIa__footerSs1>.FooterHomeNewUser-module-scss-module__MbqbIa__dmcaProtected{width:101px;height:20px;display:none}.FooterHomeNewUser-module-scss-module__MbqbIa__logoFooterContainer .FooterHomeNewUser-module-scss-module__MbqbIa__dmcaProtected{display:block}.FooterHomeNewUser-module-scss-module__MbqbIa__footerSs2{flex-wrap:wrap;gap:24px;width:100%}.FooterHomeNewUser-module-scss-module__MbqbIa__linkTo{gap:8px}.FooterHomeNewUser-module-scss-module__MbqbIa__clusterResource,.FooterHomeNewUser-module-scss-module__MbqbIa__clusterCompany,.FooterHomeNewUser-module-scss-module__MbqbIa__clusterLegal{min-width:calc(50% - 12px)}.FooterHomeNewUser-module-scss-module__MbqbIa__footerSs3{max-width:unset}.FooterHomeNewUser-module-scss-module__MbqbIa__clusterIntroSendMail,.FooterHomeNewUser-module-scss-module__MbqbIa__clusterSendMail{gap:16px}.FooterHomeNewUser-module-scss-module__MbqbIa__clusterSendMail input{font-size:14px;line-height:22px}}.FooterHomeNewUser-module-scss-module__MbqbIa__footerSsCookie{box-sizing:border-box;background-color:#212a35;padding:16px 16px 28px}@media screen and (min-width:1025px){.FooterHomeNewUser-module-scss-module__MbqbIa__footerSsCookie{padding:24px 0}}.FooterHomeNewUser-module-scss-module__MbqbIa__footerSsCookie .FooterHomeNewUser-module-scss-module__MbqbIa__labelItem{text-align:left;color:#fff;font-size:20px;font-weight:600;line-height:24px}@media screen and (min-width:1025px){.FooterHomeNewUser-module-scss-module__MbqbIa__footerSsCookie .FooterHomeNewUser-module-scss-module__MbqbIa__labelItem{max-width:1206px;margin:0 auto;font-size:20px;font-weight:600;line-height:28px}}.FooterHomeNewUser-module-scss-module__MbqbIa__contentCookie{text-align:left;color:#bfbfbf;margin:4px 0 16px;font-size:14px;font-weight:400;line-height:22px}@media screen and (min-width:1025px){.FooterHomeNewUser-module-scss-module__MbqbIa__contentCookie{max-width:1206px;margin:4px auto 16px}}.FooterHomeNewUser-module-scss-module__MbqbIa__cookieContainer{align-items:center;gap:16px;display:flex}@media screen and (min-width:1025px){.FooterHomeNewUser-module-scss-module__MbqbIa__cookieContainer{max-width:1206px;margin:0 auto}}.FooterHomeNewUser-module-scss-module__MbqbIa__learnMore{text-decoration:none}.FooterHomeNewUser-module-scss-module__MbqbIa__learnMoreText{font-family:var(--font-nunito),sans-serif;color:#fff;background:var(--main-color);border-radius:6px;justify-content:center;align-items:center;width:113px;height:40px;font-size:16px;font-weight:600;line-height:24px;display:flex}.FooterHomeNewUser-module-scss-module__MbqbIa__acceptCookieBtn{box-sizing:border-box;cursor:pointer;background-color:#fff;border:1px solid #d9d9d9;border-radius:6px;justify-content:center;align-items:center;width:173px;height:40px;padding:7px 14px;font-size:16px;font-weight:600;line-height:24px;display:flex}
.BrowsingLegacyFooter-module-scss-module__hN85bq__container{z-index:14;width:100vw;height:var(--infinite-footer-spacer-height,36px);background:#fff;display:flex;position:fixed;bottom:0;left:0}.BrowsingLegacyFooter-module-scss-module__hN85bq__footer{background:#fff;border-top:1px solid #2121211f;justify-content:space-between;width:100%;display:flex;overflow:visible}.BrowsingLegacyFooter-module-scss-module__hN85bq__left{min-width:0;padding-left:8px;display:flex;overflow:visible}.BrowsingLegacyFooter-module-scss-module__hN85bq__left::-webkit-scrollbar{display:none}.BrowsingLegacyFooter-module-scss-module__hN85bq__buttonList{white-space:nowrap;display:flex;position:relative}.BrowsingLegacyFooter-module-scss-module__hN85bq__buttonWrapper{align-items:stretch;display:flex;position:relative}.BrowsingLegacyFooter-module-scss-module__hN85bq__buttonTrigger,.BrowsingLegacyFooter-module-scss-module__hN85bq__textButton{color:#212121;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:0 16px;font-size:14px;font-style:normal;font-weight:600;line-height:19px;display:flex}.BrowsingLegacyFooter-module-scss-module__hN85bq__buttonTrigger:hover,.BrowsingLegacyFooter-module-scss-module__hN85bq__textButton:hover,.BrowsingLegacyFooter-module-scss-module__hN85bq__socialLink:hover,.BrowsingLegacyFooter-module-scss-module__hN85bq__popupLink:hover{color:rgba(var(--color),1)}.BrowsingLegacyFooter-module-scss-module__hN85bq__hasRightBorder{border-right:1px solid #2121211f}.BrowsingLegacyFooter-module-scss-module__hN85bq__hasLeftBorder{border-left:1px solid #2121211f}.BrowsingLegacyFooter-module-scss-module__hN85bq__arrow{font-size:11px;line-height:1}.BrowsingLegacyFooter-module-scss-module__hN85bq__popup{z-index:2;background:#fff;border-radius:12px;min-width:150px;padding:8px;position:absolute;bottom:35px;left:0;box-shadow:0 4px 10px #2121211f}.BrowsingLegacyFooter-module-scss-module__hN85bq__popupList{flex-direction:column;gap:8px;display:flex}.BrowsingLegacyFooter-module-scss-module__hN85bq__popupItem{width:100%}.BrowsingLegacyFooter-module-scss-module__hN85bq__popupLink{color:#212121;border-radius:4px;width:100%;padding:1px 8px;font-size:12px;font-weight:400;line-height:26px;display:block}.BrowsingLegacyFooter-module-scss-module__hN85bq__popupLink:hover,.BrowsingLegacyFooter-module-scss-module__hN85bq__popupButton:hover{background:#2121210a}.BrowsingLegacyFooter-module-scss-module__hN85bq__popupButton{color:#212121;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;width:100%;padding:1px 8px;font-size:12px;font-weight:400;line-height:26px;display:block}.BrowsingLegacyFooter-module-scss-module__hN85bq__right{flex-shrink:0;align-items:center;padding-right:12px;display:flex}.BrowsingLegacyFooter-module-scss-module__hN85bq__socialList{gap:16px;display:flex}.BrowsingLegacyFooter-module-scss-module__hN85bq__socialLink{color:#21212185;align-items:center;display:flex}.BrowsingLegacyFooter-module-scss-module__hN85bq__socialIcon{width:16px;height:16px;display:block}@media screen and (max-width:1024px){.BrowsingLegacyFooter-module-scss-module__hN85bq__container{display:none}}
:root{--infinite-footer-spacer-height:36px}.FooterRouter-module-scss-module__kITEdq__infiniteFooterSpacer{height:var(--infinite-footer-spacer-height);flex-shrink:0}@media screen and (max-width:1024px){.FooterRouter-module-scss-module__kITEdq__infiniteFooterSpacer{display:none}}
.MobileBottomNavigation-module-scss-module__PIiGea__spacer{height:calc(77px + env(safe-area-inset-bottom));flex-shrink:0;display:none}.MobileBottomNavigation-module-scss-module__PIiGea__container{z-index:15;box-sizing:border-box;background:0 0;width:100%;height:fit-content;transition:transform .2s ease-in,opacity .2s ease-in;display:none;position:fixed;bottom:-2px}.MobileBottomNavigation-module-scss-module__PIiGea__visible{opacity:1;pointer-events:auto;transform:translateY(0)}.MobileBottomNavigation-module-scss-module__PIiGea__hidden{opacity:0;transform:translateY(calc(100% + env(safe-area-inset-bottom)));pointer-events:none}.MobileBottomNavigation-module-scss-module__PIiGea__wrapper{justify-content:space-around;align-items:center;display:flex;position:relative}.MobileBottomNavigation-module-scss-module__PIiGea__background{z-index:2;pointer-events:none;justify-content:center;align-items:center;height:100%;margin-left:calc(50vw - 430px);display:flex;position:absolute;bottom:0;left:0}.MobileBottomNavigation-module-scss-module__PIiGea__background svg{width:861px;height:75px}.MobileBottomNavigation-module-scss-module__PIiGea__shadow{z-index:1;pointer-events:none;width:100vw;height:1px;position:absolute;bottom:42px;left:0;box-shadow:0 0 12px #00000047}.MobileBottomNavigation-module-scss-module__PIiGea__item{color:gray;z-index:3;white-space:nowrap;-webkit-tap-highlight-color:#0000;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;flex-direction:column;flex:1;align-items:center;gap:5px;width:68px;height:77px;font-size:12px;font-weight:400;display:flex;position:relative}.MobileBottomNavigation-module-scss-module__PIiGea__item:focus{outline:none}.MobileBottomNavigation-module-scss-module__PIiGea__icon{justify-content:center;align-items:center;width:24px;height:24px;padding-top:12.5px;display:flex}.MobileBottomNavigation-module-scss-module__PIiGea__icon svg{width:24px;height:24px}.MobileBottomNavigation-module-scss-module__PIiGea__active{color:var(--main-color)}.MobileBottomNavigation-module-scss-module__PIiGea__disabled{pointer-events:none;color:#00000040}.MobileBottomNavigation-module-scss-module__PIiGea__disabled .MobileBottomNavigation-module-scss-module__PIiGea__icon{opacity:.52}.MobileBottomNavigation-module-scss-module__PIiGea__centerCircle{z-index:2;background:var(--main-color);border-radius:50%;justify-content:center;align-items:center;width:61px;height:61px;display:flex;position:absolute;top:-40px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #00000026}.MobileBottomNavigation-module-scss-module__PIiGea__plus{width:24px;height:24px;display:block;position:relative}.MobileBottomNavigation-module-scss-module__PIiGea__plus:before,.MobileBottomNavigation-module-scss-module__PIiGea__plus:after{content:"";background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.MobileBottomNavigation-module-scss-module__PIiGea__plus:before{border-radius:999px;width:16px;height:3px}.MobileBottomNavigation-module-scss-module__PIiGea__plus:after{border-radius:999px;width:3px;height:16px}.MobileBottomNavigation-module-scss-module__PIiGea__title{z-index:2;position:relative}@media screen and (min-width:860px) and (max-width:1210px){.MobileBottomNavigation-module-scss-module__PIiGea__container{background:#fff}}@media screen and (max-width:1024px){.MobileBottomNavigation-module-scss-module__PIiGea__spacer,.MobileBottomNavigation-module-scss-module__PIiGea__container{display:block}}
.TopLoadingBar-module-scss-module__IAoi8W__loaderLineComponent{top:var(--heightHeader);z-index:999;width:100%;position:fixed;left:0}.TopLoadingBar-module-scss-module__IAoi8W__loaderLineComponent .TopLoadingBar-module-scss-module__IAoi8W__loaderLine{background-color:#ddd;border-radius:20px;width:100%;height:3px;position:relative;overflow:hidden}.TopLoadingBar-module-scss-module__IAoi8W__loaderLineComponent .TopLoadingBar-module-scss-module__IAoi8W__loaderLine:before{content:"";background:linear-gradient(90deg,rgba(var(--color),1)0%,#006eb7 25%,#ff2442 59.38%,#ffb933 100%);border-radius:20px;width:40%;height:3px;animation:1s linear infinite TopLoadingBar-module-scss-module__IAoi8W__lineAnim;position:absolute;left:-50%}@media screen and (max-width:1024px){.TopLoadingBar-module-scss-module__IAoi8W__loaderLineComponent .TopLoadingBar-module-scss-module__IAoi8W__loaderLine:before{width:20%}}@keyframes TopLoadingBar-module-scss-module__IAoi8W__lineAnim{0%{left:-40%}50%{width:80%;left:20%}to{width:100%;left:100%}}
.popup-preview-assign-desktop .ant-modal,.popup-preview-assign-desktop .ant-modal-wrap,.popup-preview-assign-desktop .ant-modal-container,.popup-preview-assign-desktop .ant-modal-content,.popup-preview-assign-desktop .ant-modal-body,.popup-preview-assign-mobile.ant-drawer .ant-drawer-content,.popup-preview-assign-mobile.ant-drawer .ant-drawer-body{border-radius:8px!important;padding:0!important;overflow:hidden!important}.ant-drawer-content-wrapper{border-radius:24px 24px 0 0!important}.popup-preview-assign-mobile,.popup-preview-assign-conflict.mobile-drawer{border-radius:24px 24px 0 0!important;overflow:hidden!important}.popup-preview-assign-mobile.ant-drawer .ant-drawer-content{border-radius:16px 16px 0 0!important}.desktop-scroll-content::-webkit-scrollbar{width:4px!important}.desktop-scroll-content::-webkit-scrollbar-thumb{background-color:#0000;border-radius:4px}.desktop-scroll-content:hover::-webkit-scrollbar-thumb{background-color:#dedede}.popup-preview-assign__content.desktop-mode{font-family:var(--font-nunito),sans-serif;flex-direction:column;height:620px;max-height:90vh;display:flex;position:relative}.popup-preview-assign__content.desktop-mode .desktop-scroll-content{flex:1;padding:16px 24px 24px;position:relative;overflow-y:auto}.popup-preview-assign__content.desktop-mode .desktop-bg-graphic{filter:opacity(.4);z-index:0;pointer-events:none;background:linear-gradient(#fff3 -7%,#fff 100%),url(https://cdn.worksheetzone.org/images-web/list-game/assign-1-1.png) 50%/cover no-repeat;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;height:124px;position:absolute;top:0;left:0}.popup-preview-assign__content.desktop-mode .desktop-main-content{z-index:1;position:relative}.popup-preview-assign__content.desktop-mode .desktop-main-content .desktop-header{margin-bottom:24px}.popup-preview-assign__content.desktop-mode .desktop-main-content .desktop-header h2{color:#2d3748;margin:0 0 8px;font-size:24px;font-weight:700}.popup-preview-assign__content.desktop-mode .desktop-main-content .desktop-header p{color:#4a5568;margin:0 0 8px;font-size:14px;line-height:1.5}.popup-preview-assign__content.desktop-mode .desktop-main-content .desktop-header .desktop-tags{flex-wrap:wrap;gap:12px;display:flex}.popup-preview-assign__content.desktop-mode .desktop-main-content .desktop-header .desktop-tags span{color:#495057;background:#f1f3f5;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500}.popup-preview-assign__content.desktop-mode .desktop-main-content .desktop-form-container{padding-bottom:24px}.popup-preview-assign__content.desktop-mode .desktop-footer{background:#fff;border-top:1px solid #0000000f;border-bottom-right-radius:8px;border-bottom-left-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-btn-see-all{cursor:pointer;color:#4f81fb;font-size:15px;font-weight:500;transition:color .2s}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-btn-see-all:hover{color:#3b6ae3}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-footer-actions{align-items:center;gap:16px;display:flex}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-footer-actions .btn-assign-class{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-footer-actions .btn-assign-class:hover{background:#fdfdfd;border-color:#bbb}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-footer-actions .btn-assign{color:#fff;cursor:pointer;background:#4f81fb;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 32px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-footer-actions .btn-assign:hover:not(.disabled){background:#3b6ae3}.popup-preview-assign__content.desktop-mode .desktop-footer .desktop-footer-actions .btn-assign.disabled{cursor:not-allowed;background:#cbd5e0}.popup-preview-assign__content.tablet-mode{font-family:var(--font-nunito),sans-serif}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper{border-radius:8px 8px 0 0;width:100%;height:200px;margin-bottom:24px;position:relative;overflow:hidden}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .btn-close{z-index:10;cursor:pointer;color:#333;background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;transition:background .2s;display:flex;position:absolute;top:12px;right:12px}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .btn-close:hover{background:#fff}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-img{object-fit:cover}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-item{width:100%;height:200px;overflow:hidden}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-dots{justify-content:center;gap:12px;width:100%;margin:0;padding:0;list-style:none;left:0;display:flex!important;bottom:20px!important}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-dots li{align-items:center;display:flex;width:6px!important;height:6px!important;margin:0!important}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-dots li button{transition:all .3s;opacity:1!important;background:#ccc!important;border:none!important;border-radius:50%!important;width:6px!important;height:6px!important;padding:0!important}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-dots li button:before{display:none!important}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-dots li button:hover{background:#999!important}.popup-preview-assign__content.tablet-mode .tablet-graphic-wrapper .tablet-carousel-dots li.slick-active button{background:#333!important}.popup-preview-assign__content.tablet-mode .tablet-info-container{text-align:center;flex-direction:column;align-items:center;padding:0 24px 24px;display:flex}.popup-preview-assign__content.tablet-mode .tablet-info-container h2{color:#1a202c;margin:0 0 16px;font-size:24px;font-weight:700}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-tags{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-tags span{color:#4a5568;background:#f1f3f5;border-radius:16px;padding:6px 12px;font-size:13px;font-weight:500}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-desc{color:#718096;margin:0 0 32px;font-size:15px;line-height:1.5}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-share-class{border-top:1px solid #edf2f7;border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;width:100%;margin-bottom:24px;padding:16px 0;display:flex}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-share-class .share-label{color:#1a202c;font-size:16px;font-weight:600}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-share-class .btn-assign-class{color:#2d3748;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.popup-preview-assign__content.tablet-mode .tablet-info-container .tablet-share-class .btn-assign-class:hover{background:#fdfdfd;border-color:#cbd5e0}.popup-preview-assign__content.tablet-mode .tablet-info-container .btn-continue{color:#fff;cursor:pointer;background:#2d3748;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:background .2s;display:flex}.popup-preview-assign__content.tablet-mode .tablet-info-container .btn-continue:hover:not(.disable){background:#1a202c}.popup-preview-assign__content.tablet-mode .tablet-info-container .btn-continue.disable{cursor:not-allowed;background:#a0aec0}.setting-assign{flex-direction:column;gap:16px;display:flex}.setting-assign .setting-card{border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:16px;padding:16px;display:flex}.setting-assign .setting-label{color:#4a5568;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.setting-assign .date-group{gap:16px;display:flex}.setting-assign .date-group .date-field{flex:1}.setting-assign .divider{background:#e2e8f0;height:1px;margin:8px 0}.setting-assign .layout-assignment-section{margin-top:16px}.setting-assign .layout-assignment-section .layout-assignment-header{margin-bottom:12px;display:block}.setting-assign .layout-assignment-section .layout-assignment-header .setting-label{align-items:center;gap:6px;margin-bottom:0;display:flex}.setting-assign .layout-assignment-section .layout-selection-container{gap:16px;display:flex}.setting-assign .layout-assignment-section .layout-selection-container .layout-option{cursor:pointer;border:2px solid #dee2e9;border-radius:8px;flex:1;transition:all .2s;position:relative;overflow:hidden}.setting-assign .layout-assignment-section .layout-selection-container .layout-option.selected{border-color:#4f81fb}.setting-assign .layout-assignment-section .layout-selection-container .layout-option.disabled{cursor:not-allowed}.setting-assign .layout-assignment-section .layout-selection-container .layout-option .layout-option-header{z-index:2;align-items:center;display:flex;position:absolute;top:0;left:0}.setting-assign .layout-assignment-section .layout-selection-container .layout-option .layout-option-label{color:#324c77;background:#d9e2ef;border-bottom-right-radius:8px;align-items:center;height:28px;padding:0 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.setting-assign .layout-assignment-section .layout-selection-container .layout-option.selected .layout-option-label{color:#fff;background:#4f81fb}.setting-assign .layout-assignment-section .layout-selection-container .layout-option .coming-soon-badge{color:#597ef7;background:#fff;border:1px solid #597ef7;border-radius:100px;align-items:center;height:20px;margin-left:8px;padding:0 8px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}.setting-assign .layout-assignment-section .layout-selection-container .layout-option .layout-option-radio{z-index:2;background:#fff;border:1px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;top:8px;right:8px}.setting-assign .layout-assignment-section .layout-selection-container .layout-option.selected .layout-option-radio{background:#4f81fb;border:none}.setting-assign .layout-assignment-section .layout-selection-container .layout-option .layout-option-radio-dot{background:#fff;border-radius:50%;width:6px;height:6px}.setting-assign .layout-assignment-section .layout-selection-container .layout-option .layout-option-image{z-index:1;width:100%;height:auto;display:block;position:relative}.setting-assign .setting-row{justify-content:space-between;align-items:center;display:flex}.setting-assign .setting-row .setting-text{color:#333;align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.setting-assign .timer-inputs-wrapper{align-items:center;gap:12px;margin-top:12px;display:flex}.setting-assign .timer-inputs-wrapper .timer-input-box{border:1px solid #e2e8f0;border-radius:6px;flex:1;align-items:center;gap:12px;padding:6px 12px;display:flex}.setting-assign .timer-inputs-wrapper .timer-input-box .ant-input-number{box-shadow:none;background:#f8f9fa;border:none;border-radius:4px;flex:1;width:100%}.setting-assign .timer-inputs-wrapper .timer-input-box .ant-input-number .ant-input-number-input{text-align:center;color:#333;font-weight:500}.setting-assign .timer-inputs-wrapper .timer-input-box .ant-input-number:focus-within{box-shadow:none}.setting-assign .timer-inputs-wrapper .timer-input-box .timer-label{color:#718096;text-align:right;min-width:60px;font-size:14px;font-weight:500}.setting-assign .timer-inputs-wrapper .timer-separator{color:#1a202c;font-weight:700}.popup-preview-assign-conflict .ant-modal-container{padding:0!important}.popup-preview-assign-conflict .ant-modal-content{border-radius:16px!important;padding:0!important;overflow:hidden!important;box-shadow:0 8px 5px #00000014,0 20px 13px #00000008!important}.popup-preview-assign-conflict .ant-modal-body{padding:0!important}.popup-preview-assign-conflict .popup-content-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:618px;min-height:500px;padding:32px 20px 24px;display:flex;position:relative}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container{max-width:100vw;height:fit-content;min-height:unset;padding:50px 8px 24px}}.popup-preview-assign-conflict .popup-content-container .title{letter-spacing:.005em;text-align:center;color:#2d3642;margin-bottom:24px;font-size:18px;font-weight:700;line-height:24px}.popup-preview-assign-conflict .popup-content-container .icon-close{cursor:pointer;color:#2d3642;z-index:10;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex;position:absolute;top:10px;right:10px}.popup-preview-assign-conflict .popup-content-container .text{text-align:left;color:#2d3642;margin-bottom:10px;margin-left:8px;font-size:12px;font-weight:600;line-height:16px}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .text{color:#2d364285;margin-left:4px;padding-top:16px}}.popup-preview-assign-conflict .popup-content-container .list-live-game{background:#2d364205;border-radius:8px;flex-direction:column;flex:1;min-height:200px;display:flex;overflow:hidden}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .list-live-game{min-height:108px;max-height:350px}}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-header{color:#6b727e;letter-spacing:.005em;background-color:#f3f5f7;border-bottom:1px solid #2d364214;grid-template-columns:2fr 100px 80px 120px;height:36px;font-size:10px;font-weight:500;line-height:16px;display:grid}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .list-live-game .table-header{grid-template-columns:2fr 80px 60px 90px}}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-header .table-cell{justify-content:center;align-items:center;display:flex}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body{flex:1;max-height:386px;overflow-y:auto}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body::-webkit-scrollbar{width:6px}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body::-webkit-scrollbar-thumb{background-color:#0000}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body:hover::-webkit-scrollbar-thumb{background-color:#dedede}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row{border-bottom:1px solid #2d364214;grid-template-columns:2fr 100px 80px 120px;min-height:48px;transition:background .2s;display:grid}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row{grid-template-columns:2fr 80px 60px 90px}}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row:hover{background-color:#2d36420a}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell{justify-content:center;align-items:center;padding:8px;display:flex}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell.name{justify-content:flex-start;padding-left:20px}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell.name{padding-left:12px}}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell.name span{color:#2d3642;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell.total-students{color:#2d364285;font-size:12px;font-weight:500}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell .view-report{color:#597ef7;font-size:12px;font-weight:500;text-decoration:none}.popup-preview-assign-conflict .popup-content-container .list-live-game .table-body .table-row .table-cell .view-report:hover{text-decoration:underline}.popup-preview-assign-conflict .popup-content-container .footer{justify-content:flex-end;padding-top:24px;display:flex}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .footer{padding:24px 8px 0}}.popup-preview-assign-conflict .popup-content-container .footer .btn-new{text-align:center;cursor:pointer;color:#fff;background:#597ef7;border-radius:6px;justify-content:center;align-items:center;gap:10px;width:169px;height:44px;font-size:16px;font-weight:600;transition:all .3s;display:flex;position:relative}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .footer .btn-new{width:100%;height:48px}}.popup-preview-assign-conflict .popup-content-container .footer .btn-new:hover{background:#4f81fb;transform:translateY(-3px)}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .footer .btn-new:hover{transform:none}}.popup-preview-assign-conflict .popup-content-container .footer .btn-new .icon-add{border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;display:flex}@media screen and (max-width:1024px){.popup-preview-assign-conflict .popup-content-container .footer .btn-new .icon-add{display:none}}.progress-rp-container{white-space:nowrap;border-radius:1000px;justify-content:center;align-items:center;height:24px;padding:0 12px;font-size:10px;font-weight:600;display:flex}@media screen and (max-width:1024px){.progress-rp-container{padding:0 8px}}.popup-preview-assign-conflict.mobile-drawer .ant-drawer-content{border-radius:16px 16px 0 0!important}
.ant-drawer-content-wrapper{border-radius:24px 24px 0 0!important}.popup-assign-digital,.create-or-edit-class-modal-root,.create-or-edit-class-drawer{border-radius:24px 24px 0 0!important;overflow:hidden!important}.popup-assign-digital{z-index:1360!important}.popup-assign-digital .ant-modal-content{max-width:547px;margin:0 auto;overflow:hidden;border-radius:12px!important;padding:0!important}.popup-assign-digital .ant-modal-container{border-radius:12px;padding:0}.popup-assign-digital-content{height:100%;max-height:620px;font-family:var(--font-nunito),sans-serif;background:#fff;border-radius:12px;flex-direction:column;display:flex}.popup-assign-digital-content .header{text-align:center;color:#262627;justify-content:space-around;align-items:center;padding:16px 24px;font-size:16px;font-weight:500;line-height:24px;display:flex;box-shadow:inset 0 -1px #f0f0f0}.popup-assign-digital-content .header p{flex:1}.popup-assign-digital-content .header .popup-assign-title-header{text-align:left;margin:0!important}@media (max-width:1024px){.popup-assign-digital-content .header .popup-assign-title-header{text-align:center}}.popup-assign-digital-content .header .close-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.popup-assign-digital-content .header .close-icon:hover{cursor:pointer;background:#f5f5f5}@media (max-width:1024px){.popup-assign-digital-content .header{border-bottom:none;height:48px;font-size:18px;font-weight:400;line-height:28px}}.popup-assign-digital-content .content{scrollbar-width:thin;scrollbar-color:#d9d9d9 #fff;flex-direction:column;flex-grow:1;height:442px;padding:24px;display:flex;overflow-y:auto}.popup-assign-digital-content .content::-webkit-scrollbar{width:6px}.popup-assign-digital-content .content::-webkit-scrollbar-track{background:#fff;border-radius:3px}.popup-assign-digital-content .content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.popup-assign-digital-content .content .checkbox-container{box-sizing:border-box;background-color:#fafafa;border-radius:4px;align-items:center;gap:8px;min-height:38px;margin-bottom:4px;padding:6px 6px 6px 0;transition:all .2s ease-in-out;display:flex}.popup-assign-digital-content .content .checkbox-container .checkbox{margin-left:8px}.popup-assign-digital-content .content .checkbox-container .name{color:#2d3642;font-size:14px;font-weight:400;line-height:22px}.popup-assign-digital-content .content .checkbox-container.disabled{pointer-events:none}.popup-assign-digital-content .content .checkbox-container.disabled .name{color:#00000040}@media (min-width:1025px){.popup-assign-digital-content .content .checkbox-container:hover{cursor:pointer;background:#f0f5ff}}@media (max-width:1024px){.popup-assign-digital-content .content{height:calc(80vh - 180px);padding:16px}}.popup-assign-digital-content .footer{border-top:1px solid #f0f0f0;justify-content:flex-end;padding:16px;display:flex}.popup-assign-digital-content .footer .new-group{color:#2d3642;cursor:pointer;background:#fff;border:1px dashed #d9d9d9;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:7px 12px;font-size:16px;transition:border-color .2s;display:flex;box-shadow:0 2px #00000004}.popup-assign-digital-content .footer .new-group:hover{border:1px solid #85a5ff}.popup-assign-digital-content .footer .new-group:hover svg path,.popup-assign-digital-content .footer .new-group:hover .label-new-group{color:#85a5ff}.popup-assign-digital-content .footer .new-group .label-new-group{color:#2d3642;font-size:16px;font-weight:600;line-height:24px}.popup-assign-digital-content .footer .save-button{align-items:center;margin-left:8px;display:flex}.popup-assign-digital-content .footer .save-button .save-btn{border:none;border-radius:6px;justify-content:center;align-items:center;width:140px;height:38px;padding:0;font-size:16px;font-weight:600;line-height:24px;transition:all .3s ease-in-out;display:flex}.popup-assign-digital-content .footer .save-button .save-btn.inactive{color:#00000040;background:#f5f5f5;border:1px solid #d9d9d9}@media (max-width:1024px){.popup-assign-digital-content .footer .save-button .save-btn.inactive{width:100%;height:40px}}.popup-assign-digital-content .footer .save-button .save-btn.active{color:#fff;background:#597ef7;border:1px solid #597ef7}.popup-assign-digital-content .footer .save-button .save-btn.active:hover{cursor:pointer;background:#85a5ff;border:1px solid #85a5ff}@media (max-width:1024px){.popup-assign-digital-content .footer .save-button .save-btn.active{width:100%;height:40px}.popup-assign-digital-content .footer{flex:1;justify-content:space-between;gap:8px;padding:12px}.popup-assign-digital-content .footer .new-group,.popup-assign-digital-content .footer .save-button,.popup-assign-digital-content .footer .save-btn{width:100%}}.create-or-edit-class-modal-root .ant-modal-mask{z-index:1364!important;pointer-events:auto!important}.create-or-edit-class-modal-root .ant-modal-content{overflow:hidden;border-radius:12px!important;padding:0!important;box-shadow:0 9px 28px 8px #0000000d,0 6px 16px #00000014,0 3px 6px -4px #0000001f!important}.create-or-edit-class-modal-root .ant-modal-close{top:20px;width:16px;height:16px;inset-inline-end:24px;pointer-events:auto!important}.create-or-edit-class-modal-root .ant-modal-close:hover{background-color:#0000!important}.create-or-edit-class-modal-root .ant-modal-header{height:56px;margin-bottom:0;padding:16px 24px}.create-or-edit-class-modal-root .ant-modal-header .ant-modal-title{color:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;font-size:16px;font-weight:500;display:flex}@media screen and (max-width:1024px){.create-or-edit-class-modal-root .ant-modal-content{height:100dvh!important;box-shadow:none!important;border-radius:0!important}.create-or-edit-class-modal-root .ant-modal-header{height:48px;padding:0 12px}.create-or-edit-class-modal-root .ant-modal-header .ant-modal-title{justify-content:space-between}.create-or-edit-class-modal-root .ant-modal-header .ant-modal-title .back-btn{justify-content:center;align-items:center;width:48px;height:48px;display:flex}.create-or-edit-class-modal-root .ant-modal-header .ant-modal-title .modal-title{color:#2d3642;font-size:18px;font-weight:600}}.create-or-edit-class-modal-root .form-wrapper .ant-form-item,.create-or-edit-class-drawer .form-wrapper .ant-form-item{margin-bottom:0}.create-or-edit-class-modal-root .form-wrapper .ant-form-item .ant-form-item-label,.create-or-edit-class-drawer .form-wrapper .ant-form-item .ant-form-item-label{height:31px;padding-bottom:8.5px}.create-or-edit-class-modal-root .form-wrapper .ant-form-item .ant-form-item-label label,.create-or-edit-class-drawer .form-wrapper .ant-form-item .ant-form-item-label label{color:#000000d9}.create-or-edit-class-modal-root .input-class-name,.create-or-edit-class-drawer .input-class-name{color:#2d3642;height:32px;box-shadow:none;border:none;border-bottom:1px solid #d9d9d9;border-radius:0;padding:4px 12px}.create-or-edit-class-modal-root .input-class-name:focus,.create-or-edit-class-modal-root .input-class-name:hover,.create-or-edit-class-drawer .input-class-name:focus,.create-or-edit-class-drawer .input-class-name:hover{box-shadow:none!important;border-bottom-color:#3b82f6!important;outline:none!important}.create-or-edit-class-modal-root .input-class-name .input-suffix,.create-or-edit-class-drawer .input-class-name .input-suffix{color:#00000040;font-size:12px;position:absolute;bottom:-22px;right:2px}.create-or-edit-class-modal-root .grades-container,.create-or-edit-class-drawer .grades-container{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.create-or-edit-class-modal-root .selected-grade,.create-or-edit-class-drawer .selected-grade{color:#2d3642;border-color:#d9d9d9;border-radius:4px;height:32px;padding:6px 10px;font-size:12px;font-weight:400;line-height:20px;transition:all .2s}.create-or-edit-class-modal-root .selected-grade.active,.create-or-edit-class-drawer .selected-grade.active,.create-or-edit-class-modal-root .selected-grade:hover,.create-or-edit-class-drawer .selected-grade:hover{color:#3b82f6!important;border-color:#3b82f6!important}.create-or-edit-class-modal-root .action-btn-container,.create-or-edit-class-drawer .action-btn-container{justify-content:flex-end;gap:8px;margin-top:24px;display:flex;pointer-events:auto!important}.create-or-edit-class-modal-root .action-btn-container .cancel-btn,.create-or-edit-class-drawer .action-btn-container .cancel-btn{color:#000000d9;width:75px;height:32px;padding:4px 15px;line-height:22px}.create-or-edit-class-modal-root .action-btn-container .cancel-btn:hover,.create-or-edit-class-drawer .action-btn-container .cancel-btn:hover{color:#3b82f6!important}.create-or-edit-class-modal-root .action-btn-container .create-btn,.create-or-edit-class-drawer .action-btn-container .create-btn{background:#3b82f6;border-color:#3b82f6;width:74px;height:32px;padding:4px 15px;line-height:22px}.create-or-edit-class-modal-root .action-btn-container .create-btn.ant-btn-loading,.create-or-edit-class-drawer .action-btn-container .create-btn.ant-btn-loading{width:auto}@media screen and (max-width:1024px){.create-or-edit-class-modal-root .form-wrapper,.create-or-edit-class-drawer .form-wrapper{margin-top:24px}.create-or-edit-class-modal-root .action-btn-container,.create-or-edit-class-drawer .action-btn-container{background:#fff;margin-top:40px}.create-or-edit-class-modal-root .action-btn-container .cancel-btn,.create-or-edit-class-modal-root .action-btn-container .create-btn,.create-or-edit-class-drawer .action-btn-container .cancel-btn,.create-or-edit-class-drawer .action-btn-container .create-btn{flex-basis:50%;height:40px;font-size:16px;font-weight:600}.create-or-edit-class-modal-root .action-btn-container .cancel-btn,.create-or-edit-class-drawer .action-btn-container .cancel-btn{color:#000}}.create-or-edit-class-modal-wrapper{z-index:1365!important;pointer-events:auto!important}.create-or-edit-class-modal-root *{box-sizing:border-box}.assign-digiltally-tooltip{text-align:center;width:248px;height:56px;z-index:999999!important}.assign-digiltally-tooltip .ant-tooltip-inner{text-align:center}@media (max-width:1024px){.assign-digiltally-tooltip{display:none!important}}
.share-dialog-modal .ant-modal-container{padding:0!important}.ant-drawer-content-wrapper{border-radius:24px 24px 0 0!important}.share-dialog-drawer{border-radius:24px 24px 0 0!important;overflow:hidden!important}
.WorksheetInfoPanel-module-scss-module__IMkVBW__panel{background:#fff;flex-direction:column;width:100%;height:100%;display:flex}.WorksheetInfoPanel-module-scss-module__IMkVBW__title{color:#2d3642;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:20px;font-weight:700;line-height:28px;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.WorksheetInfoPanel-module-scss-module__IMkVBW__title{margin-bottom:8px;padding:0 16px;font-size:18px;line-height:26px}}.WorksheetInfoPanel-module-scss-module__IMkVBW__actionSection{margin-bottom:24px}@media (max-width:1024px){.WorksheetInfoPanel-module-scss-module__IMkVBW__actionSection{margin-bottom:16px}}.WorksheetInfoPanel-module-scss-module__IMkVBW__tabsSection{flex:1;min-height:0}@media (max-width:1024px){.WorksheetInfoPanel-module-scss-module__IMkVBW__tabsSection{padding:0 16px}}.WorksheetInfoPanel-module-scss-module__IMkVBW__desktopOnly{display:block}@media (max-width:1024px){.WorksheetInfoPanel-module-scss-module__IMkVBW__desktopOnly{display:none}}.WorksheetInfoPanel-module-scss-module__IMkVBW__mobileOnly{display:none}@media (max-width:1024px){.WorksheetInfoPanel-module-scss-module__IMkVBW__mobileOnly{display:block}}.WorksheetInfoPanel-module-scss-module__IMkVBW__mobileOnlyAuthor{display:none}@media (max-width:1024px){.WorksheetInfoPanel-module-scss-module__IMkVBW__mobileOnlyAuthor{border-bottom:1px solid #2d364214;margin-bottom:16px;padding:0 16px 24px;display:block}}