.side-panel{position:sticky;top:0;height:100vh;width:100%;padding:12px 0 20px;box-shadow:2px 0 8px 0 rgba(0,0,0,.078);background-color:var(--ks-background-color-3,#fff);border-top-right-radius:40px}.side-panel:has(.fb-panel){position:unset;height:100%}.side-panel .logo{max-width:156px;margin:0 auto 19px}.side-panel .logo>span{display:flex!important;justify-content:center}.side-panel .navigation{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding:0 10px 0 16px}.side-panel .navigation .search{margin-right:4px}.side-panel .navigation .search .MuiOutlinedInput-root{max-width:180px;height:30px;border-radius:50px;box-shadow:var(--ks-shadow-sm,0 .125rem .25rem rgba(0,0,0,.075));background-color:var(--ks-background-color,#fff)}@media (max-width:1170px){.side-panel .navigation .search .MuiOutlinedInput-root{min-width:160px;max-width:160px}}.side-panel .navigation .search .MuiOutlinedInput-root input{padding-block-start:0;padding-block-end:0;font-size:12px;font-weight:500;color:var(--ks-body-color-main,#7a7c8b)}.side-panel .navigation .search .MuiOutlinedInput-root input::placeholder{color:var(--ks-body-color-main,#000)}.side-panel .navigation .search .MuiOutlinedInput-root input:-webkit-autofill,.side-panel .navigation .search .MuiOutlinedInput-root input:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s!important}.side-panel .navigation .search .MuiOutlinedInput-root fieldset{border:transparent}.side-panel-scroll{height:calc(100vh - 72px);padding:4px 10px 100px 16px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#d0d0d0 #f9f9f9;scrollbar-color:#d0d0d0 var(--ks-background-color-5,#f9f9f9)}.side-panel-scroll::-webkit-scrollbar{width:7px;height:7px}.side-panel-scroll::-webkit-scrollbar-track{border-radius:7px;background:#f9f9f9}.side-panel-scroll::-webkit-scrollbar-thumb{border-radius:7px;background:#d0d0d0}.side-panel-scroll::-webkit-scrollbar-thumb:hover{background:#8a8a8a}.side-panel-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,82%,.5)}@media (max-width:576px){.side-panel-scroll{padding-bottom:200px}}.side-panel-scroll .quick-access{position:relative}.side-panel-scroll .quick-access .theme-image-side{position:absolute;right:0;bottom:-12px;pointer-events:none}.side-panel-scroll .social-title{padding:8px;font-size:16px;font-weight:600;color:var(--ks-primary-color-main,#f40c44);text-align:center}.side-panel-scroll .social-list{min-width:248px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:-6px 0 10px}.side-panel-scroll .social-list .social-item{margin:8px 16px;cursor:pointer}.side-panel-scroll .social-list .social-item a{display:flex;align-items:center}@media (max-width:1440px){.side-panel-scroll .social-list .social-item{margin:6px}.side-panel-scroll .social-list .social-item:last-of-type{margin-right:0}}.side-panel .nav-item-container{margin:4px 0;padding:2px;display:flex;align-items:center;border-radius:50px;background:transparent;transition:.4s}.side-panel .nav-item-container.active,.side-panel .nav-item-container:hover{transform:translateY(-4px);background:var(--ks-background-color-11,linear-gradient(90deg,#ffcdda 1.01%,hsla(0,0%,100%,0) 99.79%))}.side-panel .nav-item-container.active .nav-item,.side-panel .nav-item-container:hover .nav-item{color:var(--ks-primary-color-main,#f40c44)!important}.side-panel .nav-item-container.active .nav-item>div,.side-panel .nav-item-container:hover .nav-item>div{background-color:var(--ks-primary-color-main,#f40c44)}.side-panel .nav-item-container.active .nav-item>div svg path,.side-panel .nav-item-container:hover .nav-item>div svg path{fill:#fff!important}.side-panel .nav-item-container.last{margin-bottom:12px}.side-panel .nav-item-container a{width:100%}.side-panel .nav-item{display:flex;align-items:center;font-size:14px;font-weight:600;color:var(--ks-body-color-main,#bebec9);transition:.4s}.side-panel .nav-item.last{margin-bottom:12px}.side-panel .nav-item>span{margin-right:8px!important}.side-panel .nav-item>div{width:38px;min-width:38px;height:38px;margin-right:8px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--ks-background-color-12,#f2f2f2);transition:.5s}.side-panel .nav-item>div svg{width:22px;height:22px}.side-panel .nav-item>div svg path{transition:.4s}.side-panel .nav-item-child{position:relative;margin-left:48px;padding:8px 0;border-radius:50px;font-weight:400;font-size:14px;line-height:21px;color:var(--ks-body-color-main,#62646a)}.side-panel .nav-item-child.active{margin-left:0;padding-left:48px;background:var(--ks-background-color-11,linear-gradient(90deg,#ffcdda 1.01%,hsla(0,0%,100%,0) 99.79%));color:var(--ks-primary-color-main,#f40c44)!important}.side-panel .nav-item-child.active:before{left:34px;background:var(--ks-primary-color-main,#f40c44)}.side-panel .nav-item-child:before{content:"";position:absolute;top:50%;left:-14px;width:6px;height:6px;border-radius:50%;background:var(--ks-body-color-main,#62646a);transform:translateY(-50%)}.side-panel-item{width:calc(100% + 26px);margin-left:-16px;padding:0 16px;border-top:1.5px solid var(--ks-border-color-main,#f9f5fa);cursor:pointer}.side-panel-item-title{padding:12px 0;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:var(--ks-default-text1,#fff)}.side-panel-item-title.main-version{color:#63069c;animation:changeColor 5s infinite}.side-panel-item .about-top{width:100%;padding-top:12px!important;display:flex}.side-panel-item .about-teacher{margin-left:12px;font-size:14px;font-weight:600;color:var(--ks-default-text1,#fff)}.side-panel-item .about-teacher p{margin:0;display:flex;align-items:center}.side-panel-item .about-teacher p>span{margin-left:5px!important}.side-panel-item .about-teacher button{margin-top:4px;padding:4px 12px;background:var(--ks-tertiary-color-main,#0c93f4);font-size:12px;font-weight:600;line-height:19px;color:#fff;transition:.5s}.side-panel-item .about-teacher button:hover{transform:translateY(-4px)}.side-panel-item .about-bottom{margin:12px 0 8px;display:flex;justify-content:space-between}.side-panel-item .about-bottom .english{height:38px;padding:12px;display:flex;justify-content:center;align-items:center;border-radius:8px;font-size:14px;font-weight:600;color:var(--ks-default-text1,#000);background:var(--ks-background-color-main,#f9f5fa);box-shadow:var(--ks-shadow-inset,inset 0 1px 2px rgba(0,0,0,.075))}@media (min-width:1366px){.side-panel-item .about-bottom .english{min-width:calc(50% - 2px)}}.side-panel-item .about-bottom .english>span{margin-right:8px!important}.side-panel-item .about-bottom .english+.english{margin-left:4px}.side-panel-item .about-bottom .english>p span{color:var(--ks-tertiary-color-main,#0c93f4)}.side-panel-item .about-more{width:100%;margin:0;padding-bottom:12px;display:block;font-size:12px;font-weight:400;text-align:justify;color:#000}.side-panel-item .about-more p{margin:0}.side-panel-item .about-more .english+.english{margin-left:0;margin-top:8px}.side-panel-item .about-more-item{display:flex;align-items:flex-start}.side-panel-item .about-more-item+.about-more-item{margin-top:8px}.side-panel-item .about-more-item>span{min-width:16px;margin-right:10px!important}.side-panel-item .about-more-item p{margin:0}.side-panel-item .about-more-item strong{font-size:12px;font-weight:600}.side-panel-item .about-more-item:last-child{padding-bottom:10px;justify-content:center;align-items:center;font-size:10px;color:#21232a}.side-panel-item .about-more-item .read-more{margin:8px 0 13px;padding:11px 24px;border-radius:20px;background:rgba(244,12,68,.102);font-size:14px;font-weight:600;text-align:left;color:#f40c44;transition:.5s}@media (min-width:992px) and (max-width:1366px){.side-panel-item .about-more-item .read-more{padding:11px 18px}}.side-panel-item .about-more-item .read-more:hover{background:#f40c44;color:#fff}.side-panel-item .community{padding:8px;border-radius:10px;border:1px solid var(--ks-border-color-2,#fcc)}.side-panel-item .community+.community{margin:12px 0 16px}.side-panel-item .community-info{display:flex;align-items:flex-start}.side-panel-item .community-info>span{min-width:24px;margin-right:4px!important}.side-panel-item .community-info .community-text{width:100%}.side-panel-item .community-text>p{margin:0 0 5px;font-size:12px;font-weight:600;color:var(--ks-default-text1,#21232a)}.side-panel-item .community-text .more{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:400;color:var(--ks-body-color-main,#62646a);gap:6px}@media (min-width:1440px){.side-panel-item .community-text .more{justify-content:unset;gap:20px}}.side-panel-item .community-text .more span{display:flex;justify-content:space-between;align-items:center}.side-panel-item .community-text .more span:first-child{margin-right:4px}.side-panel-item .community-text .more span>span{min-width:10px;margin-right:2px!important}.side-panel-item .community-text .more p{position:relative;margin:0}.side-panel-item .community-text .more p:before{content:"";position:absolute;top:49%;left:-10px;width:6px;height:6px;border-radius:50%;background-color:var(--ks-body-color-main,#62646a);transform:translateY(-50%)}.side-panel-item .community button{display:flex;align-items:center;margin:5px 0 0 28px;padding:4px 8px;border-radius:var(--ks-rounded-pill,10rem);background-color:var(--ks-background-color-5,#f9f9f9);font-size:12px;font-weight:500;line-height:18px;color:var(--ks-default-text1,#000);transition:.5s}.side-panel-item .community button:hover{transform:translateY(-4px)}.side-panel-item .community button>span{margin-right:5px!important}.side-panel-item .contact p{margin:0 0 10px;font-size:12px;font-weight:600;color:#000}.side-panel-item .contact>span{font-size:12px;font-weight:400;color:#000}.side-panel-item .contact>span strong{font-weight:600}.side-panel-item .contact-item{margin:12px 0;display:flex;align-items:flex-start;font-size:12px;font-weight:400;color:var(--ks-default-text1,#000);gap:8px}.side-panel-item .contact-item svg{min-width:17px}.side-panel-item .contact .contact-item-info{margin:10px 0;font-size:12px;font-weight:700;color:var(--ks-default-text1,#000)!important}.side-panel-item .contact .contact-item-info span{color:var(--ks-default-text1,#000)!important;font-size:12px!important}.side-panel-item .policy{margin:10px 0;font-size:12px;font-weight:400;color:var(--ks-default-text1,#000)}.side-panel-item .policy.first{margin-top:0}@keyframes changeColor{0%{color:#63069c}25%{color:#63069c}75%{color:#0d6efd}}.search-box-title{margin:0 0 8px;font-size:20px;font-weight:600;line-height:30.92px;color:var(--ks-secondary-color-main,#ec407a)}@media (max-width:576px){.search-box-title{margin-top:10px}}.search-box-input{width:500px;border-radius:50px;border:none;background:var(--ks-background-color-3,#fff)}@media (max-width:576px){.search-box-input{width:100%}.search-box-input input{font-size:14px;line-height:21px}}.search-box-input input{height:21px;padding:0;color:var(--ks-body-color-main,#62646a)}#main{background:var(--ks-background-color-main,#f9f5fa)}.main-layout-content{min-height:100dvh;position:relative;flex-direction:column}.main-layout-content,.main-layout-content .panel-search-box{background:var(--ks-background-color-main,#f9f5fa);display:flex}.main-layout-content .panel-search-box{position:sticky;top:0;height:61px;justify-content:space-between;align-items:center;gap:16px;z-index:10}.main-layout-content .panel-search-box .action-button-container{display:flex;align-items:center;gap:12px}.main-layout-content .panel-search-box .action-button-container .action-button{width:38px;height:38px;display:flex;justify-content:center;align-items:center;padding:2px;border-radius:50%;background:var(--ks-background-color-3,#fff);box-shadow:0 2px 4px 0 rgba(219,201,206,.122);cursor:pointer}.main-layout-content .panel-search-box .action-button-container .action-button.channel{background:#ffc72c}.main-layout-content .panel-search-box .action-button-container .action-button img{border-radius:50%}.main-layout-content .panel-search-box .panel-search-box-left{display:flex;align-items:center;gap:8px}.main-layout-content .panel-search-box .panel-search-box-left .action-button{position:relative;width:32px;min-width:32px;height:32px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:var(--extend-background-color-3,#fff);box-shadow:var(--extend-shadow-inset,inset 0 1px 2px rgba(0,0,0,.075));cursor:pointer}.main-layout-content .panel-search-box .panel-search-box-left .logo{width:120px;display:flex;align-items:center}.main-layout-content .content-panel{padding:0 24px}@media (min-width:1440px){.main-layout-content .content-panel{padding:0 36px}}@media (min-width:1600px){.main-layout-content .content-panel{padding:0 72px}}@media (min-width:1920px){.main-layout-content .content-panel{padding:0 126px}}@media (max-width:576px){.main-layout-content .content-panel{padding:0 12px}}.main-layout-content #home-content{padding:24px 0}#caculate-points-profile{margin:20px 0}#caculate-points-profile .caculate-points-item{margin:16px}#caculate-points-profile .caculate-points-actions{text-align:center;margin-bottom:10px}#caculate-points-profile .caculate-points-actions button{width:200px;padding:16px 0;color:#fff;border-radius:20px;background-color:#ed1b24}@media (max-width:576px){#caculate-points-profile .caculate-points-actions button{width:100%}}#caculate-points-profile .caculate-points-content{max-width:90%;margin:0 auto;background-color:#eaf0f9;padding:10px;border-radius:10px}@media (max-width:768px){#caculate-points-profile .caculate-points-content{max-width:100%}}#caculate-points-profile .caculate-box-1,#caculate-points-profile .caculate-box-2-child{border-radius:15px;border:2px solid #ddd;background-color:#fff;overflow:hidden}#caculate-points-profile .caculate-box-1 table,#caculate-points-profile .caculate-box-2-child table{border-collapse:collapse}#caculate-points-profile .caculate-box-1 table td,#caculate-points-profile .caculate-box-2-child table td{padding-top:4px;padding-bottom:4px}#caculate-points-profile .caculate-box-2{background:#fff;padding:10px;border-radius:10px}#caculate-points-profile .caculate-box-1-wrapper{background-color:#fff;padding:10px;border-radius:10px}#caculate-points-graduate{text-align:center;margin-top:40px}#caculate-points-graduate .caculate-points-graduate-content-box{padding:20px;max-width:80%;margin:0 auto;background-color:#eaf0f9;border-radius:15px}#caculate-points-graduate .caculate-points-graduate-content-box h3{margin:unset}#caculate-points-graduate .caculate-points-graduate-content{width:100%;display:flex;flex-direction:column;align-items:center;border-radius:15px;border:2px solid #ddd;background-color:#fff;margin-top:20px}@media (max-width:768px){#caculate-points-graduate .caculate-points-graduate-content{max-width:100%}}#caculate-points-graduate .caculate-points-graduate-content tr{text-align:left}#caculate-points-graduate .caculate-points-graduate-content tr td .error-message{margin-top:4px;color:red;font-size:12px}#caculate-points-graduate .caculate-points-graduate-content table{border-collapse:collapse}#caculate-points-graduate .caculate-points-graduate-content table td{padding-top:4px;padding-bottom:4px}#caculate-points-graduate .caculate-points-graduate-content table td:last-child{border-left:1px solid #ddd}#caculate-points-graduate .caculate-points-graduate-content .student-subject{width:100%;padding:10px 20px;border-bottom:1px solid #ddd}#caculate-points-graduate .caculate-points-graduate-actions{margin-top:10px}#caculate-points-graduate .caculate-points-graduate-actions button{padding:10px 0;min-width:320px;color:#fff;background-color:#ed1b24}#caculate-points-graduate .caculate-points-graduate-result{margin-top:10px;color:#1c6bf8}#caculate-points-graduate .caculate-points-graduate-recipe{text-align:left;font-size:14px;color:#555}