@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap);.about-page{background-color:#fff;height:100vh;margin:0;overflow:auto;padding:0;text-align:center}.about-page .division-line{background:#acacac;border:0;height:1px;margin:20px 0;width:100%}.about-page .video-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:20px auto;width:70%}.about-page .navbar{background-color:#2074d4;border-bottom:1px solid #e7e7e7;color:#fff;display:flex;height:70px;justify-content:center}.about-page .navbar .navbar-logo{color:inherit;font-family:monospace;font-weight:700;letter-spacing:.1rem;margin-right:2rem;text-decoration:none}@media(max-width:600px){.about-page .navbar .navbar-logo{display:none}}@media(min-width:600px){.about-page .navbar .navbar-logo{display:flex}}.about-page .navbar .navbar-content{align-items:center;display:flex;justify-content:space-between;width:70%}.about-page .navbar .navbar-content .navbar-tab{color:#dadada;display:block;font-size:14px;font-weight:400;margin:.5rem 0}.about-page .navbar .navbar-content .navbar-tab.Mui-selected{border-bottom:none;color:#fff;font-weight:1000}.about-page .navbar .navbar-login .login-button{color:#fff;display:block;font-size:18px;margin:2rem 0}.about-page .box-wrapper{align-items:center;border-bottom:1px solid;display:flex;flex-direction:column;justify-content:center;margin:0 auto;overflow-y:hidden}.about-page .box-wrapper .box-content{border-color:var(--divider-color);display:flex;justify-content:space-between;width:70%}.about-page .box-wrapper .box-content .tab{font-size:18px;height:60px}.about-page .intro-container{align-items:left;display:flex;flex-direction:column;justify-content:left;margin:20px auto;padding-top:30px;text-align:left;width:70%}.about-page .intro-container .header-text{font-size:50px;font-weight:500;margin-bottom:20px}.about-page .intro-container .exersice-header-text{color:#292929;font-size:40px;font-weight:400;margin-bottom:20px}.about-page .intro-container .intro-text{color:#5a5a5a;font-size:16px;width:100%}.about-page .intro-container .stat-container{align-items:left;background-color:#d9f0ff;background-image:url(/static/media/login1.053d748ca6c0383abf28.png);background-position:100%;background-size:230%;border-radius:30px;display:flex;filter:brightness(1.03) hue-rotate(-10deg) saturate(1.2);flex-direction:column;height:80%;justify-content:center;margin:20px auto}.about-page .intro-container .stat-container .descirption-text{font-size:18px;font-weight:400;margin-left:30px;margin-right:30px}.about-page .intro-container .stat-container .descirption-value{font-size:30px;font-weight:500;margin:0 1px 0 30px}.about-page .grid-container{grid-gap:30px;align-items:center;display:grid;flex-direction:column;gap:30px;grid-template-columns:repeat(3,1fr);height:100%;justify-content:center;margin:20px auto;width:70%}.about-page .grid-container .grid-item{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000004d;color:#565656;cursor:pointer;display:flex;flex-direction:column;font-size:20px;font-weight:700;height:200px;justify-content:center;margin-bottom:10px;position:relative;text-align:center;transition:background-color .3s,box-shadow .3s,transform .3s}.about-page .grid-container .grid-item:hover{box-shadow:0 0 10px #000;transform:translateY(-5px)}.about-page .grid-container .grid-item .hexagon-background{background-image:url(/static/media/hexagon.e3695719ed99b6742b9f.png);background-repeat:no-repeat;background-size:cover;border-radius:10px 10px 0 0;height:75%;left:0;opacity:1;position:absolute;top:0;width:100%;z-index:0}.about-page .grid-container .grid-item .grid-item-content{bottom:15px;display:flex;justify-content:left;left:20px;position:absolute;width:100%;z-index:1}.about-page .grid-container .grid-item .grid-item-description{color:#fff;font-size:16px;font-weight:500;height:85%;position:absolute;text-align:left;text-shadow:2px 2px 4px #00000080;width:85%;z-index:1}.padding{background-color:#f9f9f9}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-cyrillic-ext-400-normal.fcc125c4fef4b94c8b13.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-400-normal.3c63e27405d46e5051e9.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c88,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-cyrillic-400-normal.8684fef6e6411779f0b0.woff2) format("woff2"),url(/static/media/inter-cyrillic-400-normal.3862a5ab4538f364cdd5.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-greek-ext-400-normal.3f642a92b6e57b3a4b84.woff2) format("woff2"),url(/static/media/inter-greek-ext-400-normal.61350b97874888a6c0d8.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-greek-400-normal.0278a49f9007106a0bf4.woff2) format("woff2"),url(/static/media/inter-greek-400-normal.b31b8612d0c0c50eb73b.woff) format("woff");unicode-range:u+0370-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-vietnamese-400-normal.789afb71d327988e2fc8.woff2) format("woff2"),url(/static/media/inter-vietnamese-400-normal.e0aaa99dabd63437b8b8.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-latin-ext-400-normal.3a7a76525d98d25962eb.woff2) format("woff2"),url(/static/media/inter-latin-ext-400-normal.3ccf133441ba225afa51.woff) format("woff");unicode-range:u+0100-02af,u+0304,u+0308,u+0329,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20cf,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-latin-400-normal.be7cb18dc7caf47cf7e9.woff2) format("woff2"),url(/static/media/inter-latin-400-normal.662f290710a57b8dfbbd.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.tutorial-wrapper{border:1px solid #acacac;box-shadow:24;box-shadow:0 0 10px #0000004d;height:80%;left:50%;overflow-y:auto;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.tutorial-wrapper .tutorial-close{border-radius:50%;box-shadow:0 2px 12px 0 #0003;right:calc(var(--IconButton-size)*1);top:calc(var(--IconButton-size)*1)}.tutorial-wrapper .sidebar{overflow-y:auto;padding:20px;position:sticky;top:0}.tutorial-wrapper .sidebar .stickly-close-button{border-left:2px solid #fff;color:#af3b3b;padding:20px 10px}.tutorial-wrapper .sidebar .stickly-close-button:hover{border-left:2px solid #fff;color:#651111}.tutorial-wrapper .sidebar .active-step{background-color:#f1f7fd;border-left:2px solid #0064d0;color:#1b77df}.tutorial-wrapper .sidebar .active-step:hover{border-left:2px solid #0064d0;color:#1663bb}.tutorial-wrapper .sidebar ul{list-style-type:none;padding:0}.tutorial-wrapper .sidebar ul li{margin:0}.tutorial-wrapper .sidebar ul li a{border-left:2px solid #fff;color:#313131;cursor:pointer;display:block;font-size:15px;padding:10px;text-decoration:none;transition:color .3s}.tutorial-wrapper .sidebar ul li a:hover{border-left:2px solid #8e8e8e;color:#989898}.tutorial-wrapper .content{border-radius:20px;overflow-y:auto}.tutorial-wrapper .tutorial-step{margin-bottom:20px;padding:40px 60px 40px 50px}.tutorial-wrapper .tutorial-step .tutorial-modal-description{color:#5a5a5a;font-size:15px;margin-bottom:20px;padding:10px 5px}.tutorial-wrapper .tutorial-step .tutorial-modal-title{border-bottom:1px solid #acacac;color:#3c3c3c;font-size:40px;font-weight:400;padding:0 0 20px}.tutorial-wrapper .tutorial-step .tutorial-modal-image{height:auto;margin-bottom:30px;width:80%}.tutorial-wrapper .tutorial-modal-login{border-top:2px solid #acacac;color:#3c3c3c;font-size:15px;padding:50px 50px 80px}.about-us{background-color:#fff;margin:0 auto;padding:10px 30px;width:70%}.about-us .header-container{align-items:left;display:flex;flex-direction:column;justify-content:left;padding-top:35px;text-align:left}.about-us .header-container .finding-header-text{color:#292929;font-size:40px;font-weight:400;margin-bottom:20px}.about-us .header-container .header-text{font-size:53px;font-weight:500;margin-bottom:20px}.about-us .header-container .intro-text{color:#5a5a5a;font-size:16px;padding:0 0 25px;width:100%}.about-us .profile-container{grid-row-gap:30px;grid-column-gap:30px;align-items:center;display:grid;flex-direction:column;grid-template-columns:repeat(4,1fr);height:100%;justify-content:center;margin:auto}.about-us .profile-container .profile{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #0000004d;color:#565656;display:flex;flex-direction:column;font-size:20px;font-weight:700;height:280px;justify-content:center;padding:10px;position:relative;text-align:center;transition:background-color .3s,box-shadow .3s,transform .3s}.about-us .profile-container .profile .profile-pic{background-position:50%;background-repeat:no-repeat;background-size:cover;height:65%;left:10%;opacity:1;position:absolute;top:5%;width:80%;z-index:0}.about-us .profile-container .profile .profile-name{color:#000;cursor:pointer;display:flex;font-size:18px;justify-content:left;left:10%;position:absolute;text-decoration:none;top:75%;width:100%;z-index:1}.about-us .profile-container .profile .profile-name:hover{color:#0084ff;text-decoration:underline}.about-us .profile-container .profile .profile-description{display:flex;font-size:14px;justify-content:left;left:10%;position:absolute;top:85%;width:100%;z-index:1}.about-us .division-line{background:#ddd;border:0;height:1px;margin-bottom:20px}.about-us .articles-container{display:flex;flex-direction:column;gap:20px}.about-us .articles-container .article{align-items:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;padding:20px;text-align:left}.about-us .articles-container .article .article-image{background-position:50%;background-size:cover;border-radius:8px;height:150px;margin-right:20px;width:200px}.about-us .articles-container .article .article-content{flex:1 1}.about-us .articles-container .article .article-content .article-title{font-size:20px;font-weight:400;margin-bottom:10px;text-align:left}.about-us .articles-container .article .article-content .article-meta{color:#555;font-size:14px;margin-bottom:10px;text-align:left}.about-us .articles-container .article .article-content .article-meta .article-links{display:flex;gap:10px}.about-us .articles-container .article .article-content .article-meta .article-links .article-link{color:#0073e6;text-decoration:none;transition:color .3s}.about-us .articles-container .article .article-content .article-meta .article-links .article-link:hover{color:#005bb5}.about-us .articles-container .article .article-content .article-meta .article-description{color:#666;font-size:14px;margin-top:10px}.about-us .articles-container .article .article-content .article-meta .article-thoughts{color:#666;font-size:14px;font-style:italic;margin-top:10px}.padding{background-color:#fff;height:20vh;margin:0 auto;padding:0 30px;width:100%;width:70%}.researchers .header-container{display:flex;flex-direction:column;margin:0 auto;padding:40px;width:70%}.researchers .header-container .header-text{font-size:1.5rem;font-weight:500;margin-bottom:.5em;text-align:center}.researchers .header-container .intro-text{color:#666;font-size:1rem;margin-bottom:20px;text-align:left}.researchers .header-container .contact-text a{color:#007bff;text-decoration:none}.researchers .header-container .contact-text a:hover{text-decoration:underline}.researchers .content-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;padding:20px;width:70%}.researchers .content-container .section-title{font-size:1.5rem;font-weight:500;margin-bottom:10px}.researchers .content-container .section-content{color:#666;font-size:1rem;text-align:left}.researchers .contact-form{display:flex;flex-direction:column;gap:10px;margin:0 auto;padding:20px;width:70%}.researchers .contact-form .section-title{font-size:1.5rem;font-weight:500}.researchers .contact-form .MuiButton-root{align-self:flex-end}.researchers .social-media-container{display:flex;gap:20px;justify-content:center;margin:2rem}.researchers .social-media-container .social-icon{color:#007bff;font-size:2rem;text-decoration:none;transition:color .3s}.researchers .social-media-container .social-icon:hover{color:#0056b3}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.taskCard{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;overflow:hidden;padding:10px 10px 0}.taskCard,.taskCard .task-area{box-sizing:border-box;display:flex;flex-direction:column;height:100%}.taskCard .task-area{justify-content:space-between;overflow-y:auto;width:140%}.taskCard textarea{border:none;border-radius:10px;box-sizing:border-box;display:flex;font-size:1em;height:100%;line-height:1.5em;margin:1px;padding:10px;resize:none}.taskCard .exerciseBar{display:flex;height:40px;justify-content:flex-start;margin-bottom:1%;margin-top:1%}.taskCard .exerciseBar .action-btn{border:none;border-radius:15px;color:#fff;font-size:1em;height:30px;margin-left:10px;padding:5px 10px;text-transform:none;transition:background-color .3s ease}.taskCard .exerciseBar .action-btn+.action-btn{margin-left:20px}.taskCard .exerciseBar .action-btn.red{background-color:#ff3b30}.taskCard .exerciseBar .action-btn.red:hover{background-color:#c90b00}.audioTaskCard{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 4px 8px #0000001a;height:116.5%;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.audioTaskCard,.audioTaskCard .task-area{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden}.audioTaskCard .task-area{height:calc(100% - 60px);justify-content:space-between;margin-bottom:20px;width:100%}.audioTaskCard .task-area:hover{overflow-y:auto}.audioTaskCard .task-area::-webkit-scrollbar{background:#0000;width:8px}.audioTaskCard .task-area::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.audioTaskCard .task-area::-webkit-scrollbar-thumb:hover{background:#555}@media(min-width:1200px){.audioTaskCard .audioTaskCard{width:25%}}.audioTaskCard textarea{background-color:#f9f9f9;border:1px solid #e1e1e1;border-radius:10px;box-sizing:border-box;color:#333;font-size:1.1em;height:100%;line-height:1.6em;padding:15px;resize:none;transition:border .3s ease,box-shadow .3s ease;width:100%}.audioTaskCard textarea:focus{border:1px solid #007aff;box-shadow:0 0 10px #007aff4d;outline:none}.audioTaskCard textarea::-webkit-scrollbar{background:#0000;width:8px}.audioTaskCard textarea::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.audioTaskCard textarea::-webkit-scrollbar-thumb:hover{background:#555}.audioTaskCard .exerciseBar{align-items:center;display:flex;gap:15px;height:40px;justify-content:flex-start;margin-top:10px}.audioTaskCard .exerciseBar .action-btn{align-items:center;border:none;border-radius:18px;color:#fff;display:flex;font-size:1em;font-weight:500;height:36px;justify-content:center;padding:0 20px;text-transform:none;transition:all .3s ease}.audioTaskCard .exerciseBar .action-btn:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.audioTaskCard .exerciseBar .action-btn.red{background-color:#ff3b30}.audioTaskCard .exerciseBar .action-btn.red:hover{background-color:#fc0d00}.audioTaskCard .exerciseBar .action-btn.primary{background-color:#007aff}.audioTaskCard .exerciseBar .action-btn.primary:hover{background-color:#0062cc}.audioTaskCard .exerciseBar .action-btn.error{background-color:#d32f2f}.audioTaskCard .exerciseBar .action-btn.error:hover{background-color:#ab2424}.subject{color:#007bff;cursor:pointer;display:inline;font-size:19px;font-weight:400}.subject:hover{color:#0d3b79}.text-grey{color:#777}.content-cell{align-items:center;background-color:#0000;border:none;display:flex;height:100%;position:relative;right:10px}.chip-python{background-color:#7fffd4}.chip-javascript{background-color:#ff0}.chip-java{background-color:orange}.selected{border-color:#4caf50;color:#4caf50}.Mui-disabled{background-color:inherit!important;color:inherit!important;opacity:1!important}.sample-drag-bar{background-color:#d1d5db;cursor:col-resize;flex-shrink:0;transition:background-color .15s ease-in-out .15s;width:5px}.sample-drag-bar.sample-drag-bar--dragging,.sample-drag-bar:hover{background-color:#63b3ed}.sample-drag-bar.sample-drag-bar--horizontal{cursor:row-resize;height:5px;width:100%}.flex,.flex-row{display:flex}.flex-row{align-items:center;flex-direction:row;gap:1rem;justify-content:flex-start}.App{font-family:sans-serif;font-size:1.5em}textarea{display:block;font-size:1.1em;margin:auto;width:70%}table{background-color:#fff;border:1px solid #1c6ea4;border-collapse:collapse;margin:1.5em auto;text-align:left}thead{border:2px solid #999;font-weight:700;text-align:center}td,th{border:1px solid #aaa}.error{color:#922}.codeOutputArea{background-color:#fffcfc;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-family:JetBrains Mono,monospace;font-size:16px;height:50vh;overflow-y:auto;width:95%}.flex-column{flex-direction:column}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.h-screen{height:100vh}.bg-dark,.bg-darker{background-color:#f2f2f7}.font-mono{font-family:monospace}.color-white{color:#000}.overflow-hidden{overflow:hidden}.contents{display:grid;font-size:16px;height:85vh;transition:filter .2s ease-out,background-color .2s ease-out}.max-screen-width{max-width:100vw}.contents-chat{display:flex;flex-direction:column;height:85vh}.div-height{height:85vh}.min-500{min-width:500px}.code-mirror-wrapper{background-color:#fff;border:none;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;margin:0 5px;max-height:250px;min-height:250px;overflow:auto;padding:10px 10px 0;position:relative;z-index:1}.code-mirror-wrapper .codeTextArea{background-color:#f2f2f2;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-family:JetBrains Mono,monospace;font-size:16px;height:85%;margin-bottom:10px;overflow-y:auto;resize:none;scrollbar-color:#0000 #0000;scrollbar-width:thin;width:100%;z-index:2}.code-mirror-wrapper .codeTextArea:focus{outline:none}.code-mirror-wrapper .codeTextArea::-webkit-scrollbar{width:8px}.code-mirror-wrapper .codeTextArea::-webkit-scrollbar-thumb{background:#0000}.code-mirror-wrapper .codeTextArea:hover::-webkit-scrollbar-thumb{background:#ccc}.code-mirror-wrapper .codeTextArea:hover{scrollbar-color:#ccc #0000}.code-mirror-wrapper .codeTextArea .CodeMirror-text pre{padding-left:4ch}.code-mirror-wrapper .blockly-editor{height:50vh}.code-mirror-wrapper:before{background-color:#fff;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.code-editor-style{background-color:#eee;border-radius:4px;color:#e6532e;font-family:Fira Code,Consolas,Courier New,monospace;font-size:16px;font-weight:500;overflow-x:auto;padding:10px;white-space:pre-wrap}.dialog-title{align-items:center;display:flex;justify-content:space-between}.close-icon{cursor:pointer}.list-item-button{display:flex;justify-content:space-between}.list-item-icon{margin-left:auto;min-width:auto}.list-item-text{flex-grow:1}.check-icon{margin-left:30px}.check-icon.hovered{color:#a0a0a0}.check-icon.default{color:#fff}.code-container{overflow-y:auto}.code-container .App{font-family:sans-serif;font-size:1.5em}.code-container textarea{display:block;font-size:1.1em;margin:auto;width:70%}.code-container table{background-color:#eee;border:1px solid #1c6ea4;border-collapse:collapse;margin:1.5em auto;text-align:left}.code-container thead{border:2px solid #999;font-weight:700;text-align:center}.code-container td,.code-container th{border:1px solid #aaa}.code-container .error{color:#922}.code-container .code{background-color:#f2f2f7;overflow-x:hidden;overflow-y:auto}.code-container .code .code-presenter-wrapper{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:20px}.code-container .code .codeOutputWrapper{background-color:#fff;border:1px solid #dcdcdc;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:visible;padding:10px;width:100%;z-index:1}.code-container .code .codeOutputWrapper .codeOutputArea{background-color:#fffcfc;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-family:JetBrains Mono,monospace;font-size:16px;height:95%;min-height:350px;padding:15px;resize:none;width:95%}.code-container .code .codeBar{align-items:center;background-color:#f2f2f7;display:flex;flex-direction:row;padding:10px 10px 5px 0;width:100%}.code-container .code .codeBar .codeButton{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:5px;padding:6px 16px;transition:background-color .3s ease}.code-container .code .codeBar .codeButton:hover{background-color:#0056b3}.code-container .code .codeBar span{background-color:#f2f2f7;border-radius:5px;color:#333;font-family:San Francisco,Helvetica Neue,Arial,sans-serif;margin-right:10px;padding:8px 16px}.code-container .code .codeBar .pass_rate{align-items:center;border-radius:50%;box-shadow:0 2px 5px #0000001a;display:flex;height:50px;justify-content:center;width:50px}.code-container .code .codeBar .pass_rate .CircularProgressbar-text{font-size:16px}.code-container .code .codeTextArea{background-color:#fff;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-family:JetBrains Mono,monospace;font-size:16px;height:85%;margin-bottom:10px;overflow-y:auto;resize:none;scrollbar-color:#0000 #0000;scrollbar-width:thin;width:100%}.code-container .code .codeTextArea:focus{outline:none}.code-container .code .codeTextArea::-webkit-scrollbar{width:8px}.code-container .code .codeTextArea::-webkit-scrollbar-thumb{background:#0000}.code-container .code .codeTextArea:hover::-webkit-scrollbar-thumb{background:#ccc}.code-container .code .codeTextArea:hover{scrollbar-color:#ccc #0000}.code-container .code .codeTextArea .CodeMirror-text pre{padding-left:4ch}.code-container .code .add-to-presenter-button{width:100%}.code-container .code .student-info-container{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;width:100%}.code-container .code .student-info-container .studentInfo-title{border-bottom:1px solid #e1e1e1;color:#0009;font-size:2.125rem;font-weight:300;margin-bottom:15px;padding:10px;text-align:center}.code-container .code .student-info-container .student-info{color:#333;font-size:1.2em;font-weight:600;margin-top:10px;text-align:left}.code-container .code .embeddedCodeBar{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:10px;padding:20px}.code-container .code .embeddedCodeBar h3{border-bottom:1px solid #e1e1e1;color:#333;font-size:1.5em;margin-bottom:15px;padding-bottom:10px;width:100%}.code-container .code .embeddedCodeBar .stats-container{display:flex;margin-bottom:20px;width:100%}.code-container .code .embeddedCodeBar .stats-container .column{flex:1 1;padding:0 10px}.code-container .code .embeddedCodeBar .stats-container .column h4{border-bottom:1px solid #e1e1e1;color:#333;font-size:1.2em;margin-bottom:10px;padding-bottom:5px}.code-container .code .embeddedCodeBar .stats-container .left-column{border-right:1px solid #e1e1e1}.code-container .code .embeddedCodeBar p{color:#333;font-size:1em;line-height:1.6;margin:10px 0}.code-container .code .embeddedCodeBar p.highlight{color:#007aff;font-weight:600}.code-container .code .embeddedCodeBar .line-chart{height:300px;margin:0 auto;width:100vh}.code-container .code .embeddedCodeBar .class-stats{width:100%}.code-container .code .embeddedCodeBar .class-stats h4{border-bottom:1px solid #e1e1e1;color:#333;font-size:1.2em;margin-bottom:10px;padding-bottom:5px}.code-container .code .embeddedCodeBar .class-stats .error-list{margin-top:10px}.code-container .code .embeddedCodeBar .class-stats .error-list p{color:#ff3b30}.code-container .code .userSwitch{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:space-between;overflow:scroll;padding:10px;width:20%}.code-container .code .userSwitch img{background-color:#ddddf7;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0003;height:40px;margin-bottom:5px;margin-top:5px;object-fit:cover;transition:transform .2s,border-color .2s;width:40px}.code-container .code .userSwitch .selected{border:2px solid #8e8e93;box-shadow:0 0 10px #00000080;transform:scale(1.1)}.code-container .code-stud{align-items:center;justify-content:space-between;overflow:hidden}.code-container .code-stud,.code-container .code-stud .container{background-color:#f2f2f7;display:flex;flex-direction:column;height:100%;width:100%}.code-container .code-stud .container{align-items:flex-start;border:none;justify-content:flex-start;overflow:visible}.code-container .code-stud .container .codeBar{align-items:center;background-color:#f2f2f7;display:flex;flex-direction:row;padding:0 10px 5px 0;width:100%}.code-container .code-stud .container .codeBar .codeButton{align-items:center;background-color:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:16px;margin:0 2px;padding:10px 16px;transition:background-color .3s ease}.code-container .code-stud .container .codeBar .codeButton:hover{background-color:#d4d4d4}.code-container .code-stud .container .codeBar span{background-color:#f2f2f7;border-radius:5px;color:#333;font-family:San Francisco,Helvetica Neue,Arial,sans-serif;margin-right:10px;padding:8px 16px}.code-container .code-stud .container .codeBar .pass_rate{align-items:center;border-radius:50%;box-shadow:0 2px 5px #0000001a;display:flex;height:50px;justify-content:center;width:50px}.code-container .code-stud .container .codeBar .pass_rate .CircularProgressbar-text{font-size:16px}.code-container .code-stud .container .full-size{height:100%;width:100%}.code-container .code-stud .container .full-size .codeTextArea{background-color:#fff;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;flex:3 1;font-family:JetBrains Mono,monospace;font-size:16px;height:85%;margin-bottom:10px;overflow-y:auto;resize:none;scrollbar-color:#0000 #0000;scrollbar-width:thin;width:100%}.code-container .code-stud .container .full-size .codeTextArea:focus{outline:none}.code-container .code-stud .container .full-size .codeTextArea::-webkit-scrollbar{width:8px}.code-container .code-stud .container .full-size .codeTextArea::-webkit-scrollbar-thumb{background:#0000}.code-container .code-stud .container .full-size .codeTextArea:hover::-webkit-scrollbar-thumb{background:#ccc}.code-container .code-stud .container .full-size .codeTextArea:hover{scrollbar-color:#ccc #0000}.code-container .code-stud .container .scafold{flex:1 1;width:100%}.code-container .code-stud .container .scafold .codeTestArea{background-color:#fff;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-family:JetBrains Mono,monospace;font-size:16px;height:85%;margin-bottom:10px;margin-top:10px;overflow-y:auto;resize:none;width:96%}.code-container .code-stud .codeOutputWrapper{background-color:#fff;border:1px solid #dcdcdc;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;height:calc(80vh - 260px);margin:0 5px;overflow:visible;overflow:auto;padding:10px 10px 0;width:calc(100% - 10px);z-index:1}.code-container .code-stud .codeOutputWrapper .codeOutputArea{background-color:#fff;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-family:JetBrains Mono,monospace;font-size:16px;height:100%;margin-bottom:10px;min-height:350px;overflow-y:auto;padding:15px;resize:none;width:95%}.code-container .code-stud .codeOutputWrapper .thought{align-items:center;background-color:#f2f2f2;border-radius:50px;display:flex;justify-content:center;margin:20px;max-height:40vh;max-width:70%;min-height:40px;min-width:40px;padding:20px;position:relative;text-align:center}.code-container .code-stud .codeOutputWrapper .speechbubble{background-color:#f2f2f2;border-radius:10px 10px 0 10px;border-right:5px solid #56b273;color:#161719;cursor:default;display:flex;flex-direction:column;font-family:sans-serif;font-size:.9em;line-height:1.75;margin-bottom:20px;padding:15px 25px;width:80%}.code-container .code-stud .userSwitch{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:space-between;overflow:hidden;padding:10px;width:20%}.code-container .code-stud .userSwitch img{background-color:#ddddf7;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0003;height:75px;margin-bottom:5px;margin-top:5px;object-fit:cover;transition:transform .2s,border-color .2s;width:75px}.code-container .code-stud .userSwitch .selected{border:2px solid #8e8e93;box-shadow:0 0 10px #00000080;transform:scale(1.1)}.grid-container{background-color:#0000;display:grid;grid-template-columns:repeat(3,1fr)}.grid-header{border-bottom:1px solid #000;border-top:1px solid #000;box-sizing:border-box;font-weight:700}.grid-header,.grid-item{background-color:#0000;padding:16px;text-align:center}.grid-item{border:1px solid #0000;margin-top:8px}.grid-container>:nth-child(3n+1){padding-right:32px;text-align:left}.grid-container>:nth-child(3n+3){padding-left:32px;text-align:right}.grid-container>:nth-child(6n),.grid-container>:nth-child(6n-1),.grid-container>:nth-child(6n-2){background-color:hsla(0,0%,41%,.286)}.blockly-editora{height:10vh}.outter-box{display:flex;flex-direction:column;height:100vh}.upper-box{flex:6 1;overflow:auto}.lower-box{flex:4 1}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.group-info-test{display:flex;flex-direction:column;overflow:auto}.group-info-test,.setting-panel{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;height:100%;padding:10px}.setting-panel{display:block;gap:5px}.setting-panel::-webkit-scrollbar{width:8px}.setting-panel::-webkit-scrollbar-thumb{background:#0000}.setting-panel:hover::-webkit-scrollbar-thumb{background:#ccc}.setting-panel .MuiFormControlLabel-root,.setting-panel button{border-radius:8px;font-size:.9rem;font-weight:500;padding:10px 20px;text-transform:none;transition:background-color .3s,transform .2s}.setting-panel .MuiFormControlLabel-root:hover,.setting-panel button:hover{transform:translateY(-1px)}.setting-panel .MuiButton-outlined:hover{background-color:#f7f7f7}.setting-panel .MuiButton-contained.action-btn{background-color:#007aff;color:#fff}.setting-panel .MuiButton-contained.action-btn:hover{background-color:#006ee6}.setting-panel .MuiButton-contained[color=secondary]{background-color:#ff3b30;color:#fff}.setting-panel .MuiButton-contained[color=secondary]:hover{background-color:#ff2317}.setting-panel .MuiFormControlLabel-labelPlacementStart{flex-direction:row-reverse;justify-content:space-between}.setting-panel .grouping-border{border:1px solid #000;border-radius:8px;margin-bottom:10px;padding:10px}.setting-panel .grouping-border .modal-content{align-items:center;background:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:500px;padding:20px;position:relative;width:80%}.setting-panel .grouping-border .grouping-btn{background-color:#007aff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:San Francisco,Helvetica Neue,Arial,sans-serif;font-size:14px;outline:none;padding:12px 24px;text-transform:uppercase}.setting-panel .grouping-border .grouping-btn:hover{background-color:#005cbf}.setting-panel .grouping-border .grouping-btn.red{background-color:#ff3b30}.setting-panel .grouping-border .grouping-btn.red:hover{background-color:#c90b00}.setting-panel .grouping-border .auto-grouping{display:grid;grid-template-columns:auto auto auto}.scafold::-webkit-scrollbar{width:8px}.scafold::-webkit-scrollbar-thumb{background:#0000}.scafold:hover::-webkit-scrollbar-thumb{background:#ccc}.scafold .test-bar{border-radius:1px;box-sizing:border-box;display:flex;justify-content:flex-end;margin-top:10px;width:100%}.scafold .test-bar>*{margin-right:5px}.scafold .test-bar>:last-child{margin-right:0}.scafold .btn{width:30%}.scafold .form-control{height:100%;width:20%}.scafold .form-control .num-input,.scafold .form-control .num-input div,.scafold .form-control .num-input input,.scafold .form-control .num-input label,.scafold .form-control .type-select,.scafold .form-control .type-select div,.scafold .form-control .type-select input,.scafold .form-control .type-select label{height:100%!important}.scafold .form-control .type-select{align-items:center;display:flex}.scafold .form-control .type-select .MuiSelect-select.MuiSelect-select{align-items:center;display:flex;height:100%}.textField{background-color:#f3f3f3;border-radius:10px;margin:10px}.textField .MuiInput-underline:before{border-bottom:none}.textField .MuiInput-underline:after{border-bottom:none;transition:none}.textField:active,.textField:focus,.textField:hover{border:1px solid #007bff}.textField .MuiInput-underline:hover:not(.Mui-disabled):before{border-bottom:none;transition:none}.chat{background-color:#fff;display:flex;flex-direction:column;flex-grow:1;font-family:Open Sans,sans-serif;height:80%;min-width:0;overflow-y:visible}.chat .controlBar{align-items:center;background-color:#f2f2f2;display:flex;padding:10px}.chat .controlBar img{cursor:pointer;height:30px;margin:0 10px;width:30px}.chat .controlBar img:hover{opacity:.8}.chat .chat-history{background-color:#f2f2f2;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;flex:1 1;height:30vh;margin:10px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#0000 #0000;scrollbar-width:thin}.chat .chat-history::-webkit-scrollbar{width:8px}.chat .chat-history::-webkit-scrollbar-thumb{background:#0000}.chat .chat-history:hover::-webkit-scrollbar-thumb{background:#ccc}.chat .chat-history:hover{scrollbar-color:#ccc #0000}.chat .chat-history .message{align-items:flex-start;display:flex;gap:20px;justify-content:right;padding:10px 20px}.chat .chat-history .message .emoji{margin-right:4px;margin-top:2px}.chat .chat-history .message:hover{background-color:#e5e5e5}.chat .chat-history .message .messageInfo{align-items:center;color:gray;display:flex;flex-direction:column;font-weight:300;margin-top:17.5px;max-width:15%;min-width:15%}.chat .chat-history .message .messageInfo .info-user{color:#333;font-weight:700;text-align:center}.chat .chat-history .message .messageInfo img{border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0003;height:26px;object-fit:cover;width:26px}.chat .chat-history .message .messageInfo span{font-size:xx-small}.chat .chat-history .message .messageContent{display:flex;flex-direction:column;gap:10px;max-width:100%}.chat .chat-history .message .messageContent pre{background-color:#fff;border-radius:0 10px 10px 10px;font-family:Arial,Helvetica,sans-serif;font-size:small;margin-left:-10px;margin-top:15px;max-width:100%;overflow-wrap:break-word;padding:10px 20px;white-space:pre-wrap;word-break:break-word}.chat .chat-history .message .messageContentRight{display:flex;flex-direction:column;gap:10px;max-width:100%}.chat .chat-history .message .messageContentRight pre{background-color:#fff;border-radius:10px 0 10px 10px;font-family:Arial,Helvetica,sans-serif;font-size:small;margin-right:-10px;margin-top:15px;max-width:100%;overflow-wrap:break-word;padding:10px 20px;white-space:pre-wrap;word-break:break-word}.chat .chat-history .message .dm{color:#0070c9;font-size:.8em}.chat .chat-history .message.selected{background-color:#e5e5e5}.chat .message-form{display:flex;margin:10px}.chat .message-form .message-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:16px;margin-right:10px;padding:10px;resize:none;white-space:pre-wrap}.chat .message-form .message-input:focus{outline:none}.chat .message-form .send-button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.chat .message-form .send-button:hover{background:#0056b3}.group-passrate{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;font-family:Open Sans,sans-serif;height:-moz-fit-content;height:fit-content;overflow-x:hidden;overflow-y:auto;padding:10px}.group-passrate .group-info-test-content{align-items:center;display:flex;flex-direction:column;grid-template-columns:30% auto;width:30%}.group-passrate .group-info-test-content .pass_rate{align-items:center;display:flex;height:100px}.group-passrate .group-info-test-content .pass_rate .CircularProgressbar-text{font-size:16px}.group-passrate .user-view-container{width:70%}.group-passrate .user-view-container .userView{align-items:center;display:flex;padding:10px}.group-passrate .user-view-container .userView .userViewHeader{align-items:center;display:flex;flex-grow:1;margin-right:15px}.group-passrate .user-view-container .userView .userViewHeader img{background-color:#ddddf7;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0000001a;height:30px;margin-right:5px;object-fit:cover;width:30px}.group-passrate .user-view-container .userView .userViewHeader img:hover{border:2px solid #8e8e93;cursor:pointer;transform:scale(1.1)}.group-passrate .user-view-container .userView .userViewHeader .selected{border:2px solid #8e8e93;box-shadow:0 0 10px #00000080;transform:scale(1.1)}.group-passrate .user-view-container .userView .userViewHeader .userName{max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-passrate .user-view-container .userView .progressContainer{flex-basis:60%}.group-passrate .user-view-container .userView .progressContainer .progressBar{background-color:#e3e3e3;border-radius:10px;box-shadow:inset 0 0 5px #0003;height:15px;margin-top:5px;overflow:hidden;position:relative;width:100%}.group-passrate .user-view-container .userView .progressContainer .progressBar span{color:#fff;font-family:Arial Rounded MT,VAG Rounded,sans-serif;font-size:16px;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.group-passrate .user-view-container .userView .progressContainer .progressBar .progressBarFill{border-radius:10px;box-shadow:0 2px 4px #0003;height:100%;transition:width .3s ease}.group-passrate .user-view-container .userView .progressContainer .progressBar .progressBarFill.progressBarFill-red{background:linear-gradient(0deg,#ff3b30,#ff837d)}.group-passrate .user-view-container .userView .progressContainer .progressBar .progressBarFill.progressBarFill-yellow{background:linear-gradient(0deg,#fc0,#ffdb4d)}.group-passrate .user-view-container .userView .progressContainer .progressBar .progressBarFill.progressBarFill-green{background:linear-gradient(0deg,#34c759,#6ed989)}.userSwitch{align-items:center;background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:row;height:auto;justify-content:space-between;overflow:scroll;padding:10px;width:100%}.userSwitch img{background-color:#ddddf7;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0003;height:40px;margin-bottom:5px;margin-top:5px;object-fit:cover;transition:transform .2s,border-color .2s;width:40px}.userSwitch img:hover{cursor:pointer}.userSwitch .selected,.userSwitch img:hover{border:2px solid #8e8e93;box-shadow:0 0 10px #00000080;transform:scale(1.1)}.scafold{border:1px solid #e1e1e1;border-radius:15px;height:100%;overflow-y:auto;padding:10px}.code-intructor-wrapper,.scafold{background-color:#fff;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column}.code-intructor-wrapper{border:none;border-radius:15px;max-height:330px;min-height:330px;overflow:auto;padding:20px;position:relative;z-index:1}.code-intructor-wrapper .codeTextArea{background-color:#f8f8f8;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-family:JetBrains Mono,monospace;font-size:16px;height:85%;margin-bottom:10px;overflow-y:auto;resize:none;width:100%;z-index:2}.code-intructor-wrapper .codeTextArea:focus{outline:none}.replayer-wrapper{position:relative}.replayer-mouse{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwMCIgd2lkdGg9IjMwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCA1MCA1MCI+PHBhdGggZD0iTTQ4LjcxIDQyLjkxIDM0LjA4IDI4LjI5IDQ0LjMzIDE4YTEgMSAwIDAgMC0uMzMtMS42MUwyLjM1IDEuMDZhMSAxIDAgMCAwLTEuMjkgMS4yOUwxNi4zOSA0NGExIDEgMCAwIDAgMS42NS4zNmwxMC4yNS0xMC4yOCAxNC42MiAxNC42M2ExIDEgMCAwIDAgMS40MSAwbDQuMzgtNC4zOGExIDEgMCAwIDAgLjAxLTEuNDJ6bS01LjA5IDMuNjdMMjkgMzJhMSAxIDAgMCAwLTEuNDEgMGwtOS44NSA5Ljg1TDMuNjkgMy42OWwzOC4xMiAxNEwzMiAyNy41OEExIDEgMCAwIDAgMzIgMjlsMTQuNTkgMTQuNjJ6Ii8+PC9zdmc+);background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:#0000;height:20px;position:absolute;transition:left .05s linear,top .05s linear;width:20px}.replayer-mouse:after{background:#4950f6;border-radius:100%;content:"";display:inline-block;height:20px;opacity:.3;transform:translate(-50%,-50%);width:20px}.replayer-mouse.active:after{animation:click .2s ease-in-out 1}.replayer-mouse.touch-device{background-image:none;border:4px solid #4950f600;border-radius:100%;height:70px;margin-left:-37px;margin-top:-37px;transition:left 0s linear,top 0s linear,border-color .2s ease-in-out;width:70px}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:touch-click .2s ease-in-out 1}.replayer-mouse-tail{pointer-events:none;position:absolute}@keyframes click{0%{height:20px;opacity:.3;width:20px}50%{height:10px;opacity:.5;width:10px}}@keyframes touch-click{0%{height:20px;opacity:0;width:20px}50%{height:10px;opacity:.5;width:10px}}.rr-player{background:#fff;border-radius:5px;box-shadow:0 24px 48px #11103e1f;float:left;position:relative}.rr-player__frame{overflow:hidden}.replayer-wrapper{clear:both;float:left;left:50%;top:50%;transform-origin:top left}.replayer-wrapper>iframe{border:none}.rr-controller.svelte-19ke1iv.svelte-19ke1iv{align-items:center;background:#fff;border-radius:0 0 5px 5px;display:flex;flex-direction:column;height:80px;justify-content:space-around;width:100%}.rr-timeline.svelte-19ke1iv.svelte-19ke1iv{align-items:center;display:flex;width:80%}.rr-timeline__time.svelte-19ke1iv.svelte-19ke1iv{color:#11103e;display:inline-block;text-align:center;width:100px}.rr-progress.svelte-19ke1iv.svelte-19ke1iv{background:#eee;border-bottom:4px solid #fff;border-radius:3px;border-top:4px solid #fff;box-sizing:border-box;cursor:pointer;flex:1 1;height:12px;position:relative}.rr-progress.disabled.svelte-19ke1iv.svelte-19ke1iv{cursor:not-allowed}.rr-progress__step.svelte-19ke1iv.svelte-19ke1iv{background:#e0e1fe;height:100%;left:0;position:absolute;top:0}.rr-progress__handler.svelte-19ke1iv.svelte-19ke1iv{background:#4950f6;border-radius:10px;height:20px;position:absolute;top:2px;transform:translate(-50%,-50%);width:20px}.rr-controller__btns.svelte-19ke1iv.svelte-19ke1iv{align-items:center;display:flex;font-size:13px;justify-content:center}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;width:32px}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv:active{background:#e0e1fe}.rr-controller__btns.svelte-19ke1iv button.active.svelte-19ke1iv{background:#4950f6;color:#fff}.rr-controller__btns.svelte-19ke1iv button.svelte-19ke1iv:disabled{cursor:not-allowed}.switch.svelte-9brlez.svelte-9brlez.svelte-9brlez{align-items:center;display:flex;height:1em}.switch.disabled.svelte-9brlez.svelte-9brlez.svelte-9brlez{opacity:.5}.label.svelte-9brlez.svelte-9brlez.svelte-9brlez{margin:0 8px}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez.svelte-9brlez{opacity:0;position:absolute}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez{cursor:pointer;display:block;height:1em;position:relative;width:2em}.switch.disabled.svelte-9brlez label.svelte-9brlez.svelte-9brlez{cursor:not-allowed}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez:before{background:#4950f680;border-radius:50px;content:"";height:1em;left:.1em;position:absolute;transition:background .1s ease;width:2em}.switch.svelte-9brlez label.svelte-9brlez.svelte-9brlez:after{animation:switch-off .2s ease-out;background:#fcfff4;border-radius:50px;box-shadow:0 2px 5px 0 #0000004d;content:"";height:1em;left:0;position:absolute;transition:all .2s ease;width:1em;z-index:2}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez:checked+label.svelte-9brlez:before{background:#4950f6}.switch.svelte-9brlez input[type=checkbox].svelte-9brlez:checked+label.svelte-9brlez:after{animation:switch-on .2s ease-out;left:1.1em}.group-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;color:#333;display:flex;flex-direction:row;height:100px;margin:5px;padding:10px;transition:transform .2s ease,background-color .2s ease;width:250px}.group-card:hover{background-color:#f0f0f0;transform:translateY(-5px)}.group-card.selected{background-color:#e0f7fa;border:2px solid #00796b}.group-title{color:#00796b;font-family:Orbitron,sans-serif;font-size:.9em;margin:0;text-align:center;width:40%}.topics-container{flex-direction:column;justify-content:center;margin-left:10px;max-height:100%;overflow:hidden;overflow-y:auto;width:80%}.topics-container::-webkit-scrollbar{display:none}.topic-tag{background:#00968833;border-radius:5px;color:#004d40;font-size:.7em;margin:2px 0;padding:3px 8px;text-align:center;transition:background .2s ease}.topic-tag:hover{background:#0096884d}.search-list .audio-groupList{box-sizing:initial;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-height:calc(100vh - 80px);overflow-y:auto;padding:10px}.search-list .audio-groupList::-webkit-scrollbar{width:8px}.search-list .audio-groupList::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.search-list .audio-groupList::-webkit-scrollbar-thumb{background-color:#00796b;border:2px solid #f0f0f0;border-radius:10px}.search-list .audio-groupList::-webkit-scrollbar-thumb:hover{background-color:#004d40}.search-list .audio-groupList .group-card{flex-basis:calc(25% - 20px);flex-grow:1;flex-shrink:1;max-width:250px}@media(max-width:1200px){.search-list .audio-groupList .group-card{flex-basis:calc(33.33% - 20px);flex-grow:1;flex-shrink:1}}@media(max-width:900px){.search-list .audio-groupList .group-card{flex-basis:calc(50% - 20px);flex-grow:1;flex-shrink:1}}@media(max-width:600px){.search-list .audio-groupList .group-card{flex-basis:calc(100% - 20px);flex-grow:1;flex-shrink:1}}.audio-search-bar{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;margin-bottom:20px;padding:10px 20px}.audio-search-bar input{background-color:#f5f5f5;border:none;border-radius:4px;flex-grow:1;font-size:16px;margin-right:10px;outline:none;padding:8px}.audio-search-bar input::placeholder{color:#a0a0a0}.audio-search-bar .icon{color:#00796b;margin-left:10px}.audio-search-bar .icon:hover{color:#004d40}.input-wrapper{align-items:center;background-color:#f5f5f5;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;padding:8px 12px;width:100%}.input-wrapper #search-icon{color:#a0a0a0;margin-right:8px}.input-wrapper input{background:none;border:none;color:#333;flex-grow:1;font-size:16px;outline:none;padding:8px 0}.input-wrapper input::placeholder{color:#a0a0a0}.input-wrapper .icon{margin-left:8px;margin-right:8px}.input-wrapper .icon.MuiIconButton-root{transition:color .3s}.input-wrapper .icon.MuiIconButton-colorPrimary,.input-wrapper .icon.MuiIconButton-root:hover{color:#1976d2}.input-wrapper .icon.MuiIconButton-colorDefault{color:#a0a0a0}.topic-list-container{align-items:center;background:#fefefe;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow-y:hidden;padding:20px}.title{color:#333;font-size:1.8em;letter-spacing:1.5px;margin-bottom:10px;text-align:center;text-transform:uppercase}.topic-list{-ms-overflow-style:none;list-style:none;margin:0;overflow-y:auto;padding:0;scrollbar-width:none;width:80%}.topic-list::-webkit-scrollbar{display:none}.topic-item{background:#dcedf7;border-radius:10px;color:#007acc;cursor:pointer;font-size:1.2em;margin:10px 0;padding:10px;transition:transform .3s,background .3s,color .3s}.topic-item:hover{background:#c4e1f5;color:#005f99;transform:translateY(-5px)}.dialog-list{background:#e6f7ff;border-radius:10px;list-style:none;margin-top:10px;max-height:0;opacity:0;overflow:hidden;padding:10px;transition:max-height .3s ease-out,opacity .3s ease-out}.dialog-list.expanded{max-height:300px;opacity:1;overflow-y:auto;transition:max-height .3s ease-in,opacity .3s ease-in}.dialog-list::-webkit-scrollbar{width:8px}.dialog-list::-webkit-scrollbar-track{background:#e6f7ff;border-radius:4px}.dialog-list::-webkit-scrollbar-thumb{background-color:#007acc;border:2px solid #e6f7ff;border-radius:4px}.dialog-item{word-wrap:break-word;background:#d4edfa;border-radius:5px;margin:5px 0;overflow-wrap:break-word;padding:8px}.dialog-content{color:#333;font-size:1em}.dialog-sender{color:#007acc;font-size:.9em}.button-container{justify-content:center;width:100%}.button{background-color:#007acc;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;height:50px;margin:10px;padding:10px 20px;transition:background-color .3s;width:50%}.button:hover{background-color:#005f99}.main-container{display:flex;min-height:100vh;width:100%}.main-container .left-panel{box-sizing:border-box;overflow-y:auto;padding:20px;width:300px}.main-container .central-panel{box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;padding:20px}.audio-chat-container{display:flex;flex-grow:1;height:115vh;overflow-y:auto;width:100%}.audio-chat-container .chat{background-color:#f4f4f4;border-radius:8px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;padding:16px}.audio-chat-container .chat .group-name{border-bottom:2px solid #4a90e2;color:#4a90e2;flex:0 0 auto;font-size:24px;font-weight:700;margin-bottom:16px;text-align:center}.audio-chat-container .chat .group-name .leave-group-button{color:#4a90e2;margin:0 auto}.audio-chat-container .chat .chat-history{background-color:#fff;border-radius:8px;box-shadow:inset 0 0 8px #0000001a;flex:1 1;margin-bottom:16px;min-height:0;overflow-y:auto;padding:16px}.audio-chat-container .chat .message-form{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex:0 0 auto;gap:15px;padding:15px}.audio-chat-container .chat .message-form .message-input{border:1px solid #e0e0e0;border-radius:8px;flex-grow:1;font-size:16px;padding:10px 15px;resize:none;transition:border-color .3s ease}.audio-chat-container .chat .message-form .message-input:focus{border-color:#00796b;outline:none}.audio-chat-container .chat .message-form .send-button{background-color:#00796b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:10px 25px;transition:background-color .3s ease,transform .3s ease}.audio-chat-container .chat .message-form .send-button:hover{background-color:#004d40;transform:scale(1.05)}.audio-chat-container .timer-panel{background-color:#f5f5f5;border-left:1px solid #e0e0e0;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px;position:relative;width:750px}.audio-chat-container .timer-panel h3{color:#333;font-size:22px;font-weight:700;margin-bottom:15px;text-align:center}.audio-chat-container .timer-panel .scenario{color:#333;font-size:.875rem;margin-bottom:1rem;margin-top:30px}.audio-chat-container .timer-panel .dropdowns-container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.audio-chat-container .timer-panel .dropdowns{flex-grow:1;margin-top:30px;overflow-y:auto;padding-bottom:20px;padding-right:10px}.audio-chat-container .timer-panel .timer-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;overflow:hidden;transition:all .3s ease}.audio-chat-container .timer-panel .timer-item:hover{box-shadow:0 4px 6px #00000026;transform:translateY(-2px)}.audio-chat-container .timer-panel .timer-item.active{border:2px solid #4a90e2}.audio-chat-container .timer-panel .timer-item .timer-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 15px}.audio-chat-container .timer-panel .timer-item .timer-title{color:#333;font-size:16px;font-weight:600}.audio-chat-container .timer-panel .timer-item .timer-time{color:#4a90e2;font-size:16px;font-weight:700}.audio-chat-container .timer-panel .timer-item .timer-description{background-color:#f9f9f9;border-top:1px solid #e0e0e0;color:#666;font-size:14px;padding:15px}.audio-chat-container .timer-panel .timer-item .expand-button{background-color:#e6f0ff;border:none;color:#4a90e2;cursor:pointer;font-size:12px;padding:5px;width:100%}.audio-chat-container .timer-panel .total-time{align-items:center;background-color:#e6f0ff;border:2px solid #4a90e2;border-radius:8px;display:flex;flex-shrink:0;justify-content:center;margin-bottom:270px;margin-top:20px;padding:15px;z-index:10}.audio-chat-container .timer-panel .total-time .timer-time,.audio-chat-container .timer-panel .total-time .timer-title{color:#4a90e2;font-size:18px}.audio-chat-container .timer-panel .total-time .timer-time{margin-left:15px}@media(max-height:600px){.audio-chat-container{flex-direction:column}.timer-panel{border-left:none;border-top:1px solid #e0e0e0;height:auto;width:100%}}.popup-window{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.popup-window .popup-content{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:20px;text-align:center}.popup-window .popup-content h2{font-size:24px;margin-top:0}.popup-window .popup-content p{font-size:16px;margin:16px 0}.popup-window .popup-content button{background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.popup-window .popup-content button:hover{background-color:#357abd}.popup-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:500px;overflow-y:auto;padding:20px;width:90%}.popup-content h2{color:#333;margin-top:0}.popup-content p{color:#666;margin-bottom:20px}.popup-content .message-form{display:flex;flex-direction:column;margin-bottom:15px}.popup-content .message-form label{font-weight:700;margin-bottom:5px}.popup-content .message-form input{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:8px}.popup-content .message-form .send-button{align-self:flex-start;background-color:#4a90e2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 15px}.popup-content .message-form .send-button:hover{background-color:#357abd}.popup-content .close-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 15px}.popup-content .close-button:hover{background-color:#d32f2f}.custom-prompts{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow-y:auto;padding:20px}.custom-prompts .prompt-item{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:20px;padding:20px}.custom-prompts .prompt-item input[type=text],.custom-prompts .prompt-item textarea{border-radius:4px;font-size:16px;margin-bottom:10px;padding:10px;width:100%}.custom-prompts .prompt-item input[type=text]:focus,.custom-prompts .prompt-item textarea:focus{border-color:#1876d2;outline:none}.custom-prompts .prompt-item textarea{resize:none}.custom-prompts button{border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;margin:10px;padding:10px 20px}.custom-prompts button,.custom-prompts button:hover{background-color:#1876d2}.room-input-container{align-items:center;background:#f0f0f5;box-shadow:0 8px 15px #0000001a;display:flex;flex-direction:column;height:100vh;justify-content:center;max-width:100%;padding:20px}.room-input-container .guidance-image{margin-bottom:20px}.room-input-container .guidance-image img{height:100px;object-fit:contain;width:100px}.room-input-container .input-wrapper{background:#0000;box-shadow:none;margin-bottom:15px;max-width:400px;position:relative;width:calc(100% - 40px)}.room-input-container input[type=number]::-webkit-inner-spin-button,.room-input-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.room-input-container input[type=number]{-moz-appearance:textfield}.room-input-container .room-input{background:#fff;border:none;border-radius:10px;box-shadow:0 4px 8px #0003;box-sizing:border-box;color:#333;font-size:1.2em;outline:none;padding:15px 50px 15px 15px;transition:background .3s ease;width:100%}.room-input-container .room-input:focus{background:#e0e0e5}.room-input-container .room-input::placeholder{color:#999}.room-input-container .info-icon{color:#999;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.room-input-container .submit-button{background:#6ad2f5;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2em;max-width:400px;padding:15px;transition:background .3s ease,transform .3s ease;width:calc(100% - 40px)}.room-input-container .submit-button:hover{background:#65b2d1;transform:translateY(-2px)}.room-input-container .submit-button:active{background:#6495ed;transform:translateY(1px)}.notification-wrapper{background:#0006;height:100%;justify-content:center;left:0;overflow-y:auto;position:fixed;top:0;z-index:100}.notification-icon,.notification-wrapper{align-items:center;display:flex;width:100%}.notification-icon{justify-content:flex-end}.notification-icon .notification-button{border:1px solid #1976d2;border-radius:5px;color:#1976d2;font-size:14px;font-weight:600;height:24px;margin:2px;width:200px}.minimize-button{background:none;border:none;color:#1976d2;cursor:pointer;font-size:.9rem;font-weight:500;margin-left:auto;padding:4px 8px}.minimize-button:hover{background-color:#1976d2;border-radius:8px;color:#fff}.notification-dot{background-color:red;border-radius:50%;display:inline-block;height:8px;margin-left:8px;max-height:8px;max-width:8px;min-height:8px;min-width:8px;width:8px}.notification-container{background-color:#fff;border:1px solid #0000001f;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;max-height:500px;overflow-y:auto;padding:24px;position:relative;transition:all .3s ease;width:500px}.notification-container .notification-header{align-items:center;display:flex;justify-content:space-between}.notification-container .notification-header p{color:#000000de;font-size:1rem;font-weight:700;margin:8px 0;padding-left:8px}.notification-empty{align-items:center;color:dimgray;font-size:1rem;margin-bottom:15px;margin-top:5px;text-align:left}.notification-full{color:#000000de;font-size:1rem;line-height:1.6;overflow-y:auto;padding:8px 0}.notification-full .instructor-feedback{display:block;padding-left:10px;white-space:pre-wrap}.rating-section{border-top:1px solid #0000001f;margin-top:16px;padding-top:16px}.rating-section .rating-question{padding-left:10px}.rating-section .rating-question .thumb-buttons{display:flex;gap:8px;margin:12px 0}.rating-section .close-button,.rating-section .submit-button{background:none;border:none;border-radius:10px;color:#1976d2;cursor:pointer;font-size:1rem;font-weight:500;margin-top:10px;padding:8px 16px;transition:all .3s ease}.rating-section .close-button:hover,.rating-section .submit-button:hover{background-color:#1976d2;color:#fff}.rating-section .close-button:hover{background-color:#333}.rating-message{color:#4caf50;font-size:.85rem;margin-top:8px}.button-container{display:flex;justify-content:flex-end}.button-container .submit-button{background:none;border:none;border-radius:10px;color:#1976d2;cursor:pointer;font-size:1rem;font-weight:500;margin-right:1em;margin-top:10px;padding:8px 16px;transition:all .3s ease}.button-container .submit-button:hover{background-color:#fff;color:#0c457d;transform:translateY(-2px)}.close-button{background:none;border:none;border-radius:50%;color:#d21919;cursor:pointer;font-size:1rem;font-weight:500;padding:8px;transition:all .3s ease}.close-button:hover{color:#6e0b0b;transform:translateY(-2px)}.consent-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.consent-modal-content{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:100%;width:700px}.consent-header{border-bottom:1px solid #e5e7eb;padding:24px 24px 20px;text-align:center}.consent-header h1{color:#111827;font-size:24px;font-weight:700;margin:0 0 8px}.consent-header p{color:#6b7280;font-size:14px;margin:0}.consent-body{flex:1 1;overflow-y:auto;padding:24px}.consent-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:24px;padding:16px}.consent-section:last-of-type{margin-bottom:0}.consent-section h2{color:#111827;font-size:16px;font-weight:600;margin:0 0 12px}.consent-section p{color:#374151;font-size:14px;line-height:1.6;margin:0 0 12px}.consent-section p:last-child{margin-bottom:0}.consent-section ul{color:#374151;font-size:14px;line-height:1.6;margin:12px 0;padding-left:20px}.consent-section ul li{margin-bottom:6px}.consent-section ul li:last-child{margin-bottom:0}.consent-section a{color:#111827;font-weight:500;text-decoration:underline}.consent-section a:hover{color:#000}.consent-checkbox-section{background:#f3f4f6;border:2px solid #111827;border-radius:6px;margin-top:24px;padding:16px}.consent-checkbox-section label{align-items:flex-start;cursor:pointer;display:flex;gap:12px}.consent-checkbox-section input[type=checkbox]{accent-color:#111827;cursor:pointer;flex-shrink:0;height:18px;margin-top:2px;width:18px}.consent-checkbox-section span{color:#111827;font-size:14px;font-weight:500;line-height:1.6;-webkit-user-select:none;user-select:none}.consent-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.consent-footer button{border-radius:6px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:10px 20px;transition:all .15s ease}.consent-footer button:disabled{cursor:not-allowed;opacity:.5}.consent-footer .btn-decline{background:#fff;border:1px solid #d1d5db;color:#374151}.consent-footer .btn-decline:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.consent-footer .btn-accept{background:#111827;border:1px solid #111827;color:#fff}.consent-footer .btn-accept:hover:not(:disabled){background:#000}@media(max-width:768px){.consent-modal-content{margin:10px;width:100%}.consent-header{padding:20px 20px 16px}.consent-header h1{font-size:20px}.consent-body{padding:20px}.consent-footer{flex-direction:column;padding:16px 20px}.consent-footer button{width:100%}}.vizmental-container{background:#fff;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.vizmental-container,.vizmental-content{display:flex;height:100%;overflow:hidden}.vizmental-content{flex:1 1;position:relative}.vizmental-left-panel,.vizmental-right-panel{background:#fff;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.vizmental-left-panel{border-right:1px solid #e5e5e5}.vizmental-right-panel{border-left:1px solid #e5e5e5}.vizmental-middle-panel{display:flex;flex:1 1;flex-direction:column;min-width:0;position:relative}.panel-title-section{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;padding:1.5rem}.panel-main-title{color:#000;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.panel-content{flex:1 1;overflow-y:auto;padding:1.5rem}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#0000}.panel-content::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#ccc}.content-section{margin-bottom:2rem}.content-section:last-child{margin-bottom:0}.section-title{color:#000;font-size:.9375rem;font-weight:600;margin:0 0 1rem}.description-box{background:#fafafa;border:1px solid #e5e5e5;border-radius:.5rem;color:#171717;font-size:.875rem;line-height:1.6;padding:1rem;white-space:pre-wrap}.section-divider{background:#e5e5e5;height:1px;margin:2rem 0}.test-table-wrapper{border:none;border-radius:0;overflow-x:auto}.test-table-wrapper::-webkit-scrollbar{height:6px}.test-table-wrapper::-webkit-scrollbar-track{background:#f9fafb}.test-table-wrapper::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:3px}.test-table-wrapper::-webkit-scrollbar-thumb:hover{background:#ccc}.test-table{border:1px solid #e5e5e5;border-collapse:collapse;font-size:.875rem;width:100%}.test-table thead{background:#fafafa;border-bottom:1px solid #e5e5e5}.test-table thead th{color:#000;font-weight:600;padding:.75rem 1rem;text-align:left;white-space:nowrap}.test-table thead th.result-column{text-align:center;width:80px}.test-table tbody tr{border-bottom:1px solid #e5e5e5;transition:background-color .15s}.test-table tbody tr:last-child{border-bottom:none}.test-table tbody tr td{color:#171717;padding:.75rem 1rem}.test-table tbody tr td.result-column{text-align:center}.editor-container{background:#fff;border-bottom:1px solid #e5e5e5;flex:1 1;overflow:hidden}.code-editor{height:100%;width:100%}.terminal-panel{background:#fafafa;border-top:1px solid #e5e5e5;bottom:0;box-shadow:0 -4px 6px -1px #0000000d;display:flex;flex-direction:column;left:0;position:absolute;right:0;z-index:10}.terminal-controls{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem 1rem}.controls-left{gap:1rem}.controls-left,.run-button{align-items:center;display:flex}.run-button{background:#000;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.run-button:hover:not(:disabled){background:#1a1a1a}.run-button:disabled{cursor:not-allowed;opacity:.5}.run-button:focus-visible{outline:2px solid #000;outline-offset:2px}.language-select{background:#fff;border:1px solid #e5e5e5;border-radius:.375rem;color:#171717;cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:all .2s}.language-select:focus{border-color:#000;box-shadow:0 0 0 3px #0000001a;outline:none}.terminal-output{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:1rem}.terminal-output::-webkit-scrollbar{width:6px}.terminal-output::-webkit-scrollbar-track{background:#fafafa}.terminal-output::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:3px}.terminal-output::-webkit-scrollbar-thumb:hover{background:#ccc}.output-content{background:#fafafa;border:1px solid #e5e5e5;border-radius:.5rem;color:#171717;flex:1 1;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6;padding:1rem;white-space:pre-wrap;word-break:break-word}.vizmental-resizer{background:#e5e5e5;flex-shrink:0;transition:background-color .2s;z-index:20}.vizmental-resizer:hover{background:#bfbfbf}.vizmental-resizer.horizontal{cursor:col-resize;width:4px}.vizmental-resizer.vertical{cursor:row-resize;height:4px}.vizmental-loading{align-items:center;background:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.vizmental-loading .loading-spinner{animation:spin .8s linear infinite;border:3px solid #e5e5e5;border-radius:50%;border-top-color:#000;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.vizmental-loading p{color:#737373;font-size:.875rem;margin:0}.w-3{height:.75rem;width:.75rem}.w-5{height:1.25rem;width:1.25rem}.fill-current{fill:currentColor}.text-black{color:#000}.test-icon{align-items:center;border-radius:50%;display:inline-flex;height:2rem;justify-content:center;transition:all .2s;width:2rem}.test-icon.test-icon-passed{background:#dcfce7;color:#16a34a}.test-icon.test-icon-passed svg{stroke-width:3}.test-icon.test-icon-failed{background:#fee2e2;color:#dc2626}.test-icon.test-icon-failed svg{stroke-width:3}.test-icon.test-icon-pending{background:#f3f4f6;color:#9ca3af}.test-table tbody tr:hover{background:#fafafa}.test-table tbody tr:hover .test-icon-passed{background:#bbf7d0;color:#15803d}.test-table tbody tr:hover .test-icon-failed{background:#fecaca;color:#b91c1c}body{background-color:#e0e0e0}.formContainer{align-items:center;background-image:url(/static/media/login1.053d748ca6c0383abf28.png);background-repeat:no-repeat;background-size:100% 100%;display:flex;height:100vh;justify-content:center;width:100vw}.formContainer .formWrapper{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#ffffff8c;border-radius:15px;max-width:400px;padding:40px;text-align:center;width:100%}.formContainer .formWrapper .email-recovery{align-items:center;background-color:#ffffff8c;border-radius:15px;display:flex;justify-content:center;padding:5px}.formContainer .formWrapper .email-recovery .email-recovery-input{height:16px;margin-right:8px;margin-top:1.2em;width:16px}.formContainer .formWrapper .email-recovery .email-recovery-label{color:#4a4a4a;line-height:16px}@keyframes backgroundAni{0%{background-position:200% 0}to{background-position:0 0}}.formContainer .logo{animation:backgroundAni 3s linear infinite;background-clip:text;-webkit-background-clip:text;background-color:#52acff;background-image:linear-gradient(91deg,#52acff 25%,#ffe32c);background-position:0 0;background-size:200% 200%;color:#0000;font-size:2em;font-weight:500;letter-spacing:1px}.formContainer .loginForm{box-sizing:border-box;margin-top:18px;width:100%}.formContainer .title{color:#333;font-size:1.5em;margin-bottom:40px}.formContainer form input{background-color:#fff;border:2px solid #fff;border-radius:10px;box-sizing:border-box;color:#333;display:block;font-size:1em;margin-bottom:20px;padding:15px;transition:border .3s ease,color .3s ease,box-shadow .3s ease;width:100%}.formContainer form input:focus{border:2px solid #a9d5ff;outline:none}.formContainer form .loginButton{display:flex;justify-content:center;margin-top:40px}.formContainer form button{background-color:#a9d5ff;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;font-size:1em;font-weight:800;margin-bottom:20px;padding:15px;transition:background-color .2s ease,transform .2s ease,color .2s ease,box-shadow .2s ease,text-shadow .2s ease;width:100%}.formContainer form button:hover{background-color:#f0f7ff;color:#52acff;text-shadow:0 0 5px #4f92ff80;transform:translateY(-1px)}.formContainer form span{color:#ff3b30;display:block;margin-bottom:20px}.formContainer button{align-items:center;background-color:#a9d5ff;border:none;border-radius:30px;color:#333;cursor:pointer;display:flex;justify-content:center;margin-bottom:20px;padding:15px;transition:background-color .2s ease,transform .2s ease,color .2s ease,box-shadow .2s ease,text-shadow .2s ease;width:100%}.formContainer button:hover{background-color:#f0f7ff;color:#52acff;text-shadow:0 0 5px #4f92ff80;transform:translateY(-1px)}.formContainer p{color:#333;font-size:.9em}.formContainer p a{color:#333;text-decoration:none}.formContainer p a:hover{text-decoration:underline}.styledSelect{background-color:#f9f9f9;border:1px solid #ccc;border-radius:4px;font-size:16px;margin-bottom:15px;padding:10px;width:100%}.home{align-items:center;background-color:#fefff7;height:100vh;overflow-x:hidden;overflow-y:auto}.home,.home .top-bar{display:flex;flex-direction:column;justify-content:space-between}.home .top-bar{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;height:30%;margin-bottom:10px;margin-top:10px;overflow:hidden;padding-top:10px;scrollbar-width:none;width:98%}.home .top-bar::-webkit-scrollbar{display:none}.home .top-bar .tittle-bar{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative}.home .top-bar .tittle-bar .bar-type{align-items:center;display:flex;height:20%;justify-content:center}.home .top-bar .tittle-bar .bar-type span{border-radius:10px;color:#333;cursor:pointer;font-size:1.2em;margin-right:20px;padding:5px 10px;transition:background-color .3s ease}.home .top-bar .tittle-bar .bar-type span:hover{background-color:#f5f5f5}.home .top-bar .tittle-bar .bar-type span.selected{background-color:#ddd;border-radius:5px;color:#007aff}.home .top-bar .tittle-bar .user-profile{align-items:center;background-color:var(--topbar-bg);display:flex;margin-top:10px;padding:5px 10px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.home .top-bar .tittle-bar .user-profile img{background-color:#ddddf7;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0000001a;height:30px;object-fit:cover;width:30px}.home .top-bar .tittle-bar .user-profile span{color:#333;font-size:14px;font-weight:600;margin:0 10px}.home .top-bar .tittle-bar .user-profile .btn{font-size:14px;margin-left:10px;padding:5px 10px}.home .top-bar .tittle-bar .user-profile .red{background-color:#ff4b5c}.home .top-bar .tittle-bar .user-profile .red:hover{background-color:#c00}.home .top-bar .tittle-bar .user-profile .blue{background-color:#4b5cff}.home .top-bar .tittle-bar .user-profile .blue:hover{background-color:#1b1bf1}.home .top-bar .bar{height:70%;margin:10px;padding:5px}.home .top-bar .bar .session-menu{align-items:center;background-color:#fff;display:flex;flex-direction:row;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:80%;justify-content:space-around;overflow:auto;padding:10px}.home .top-bar .bar .session-menu h2{color:#000;font-size:24px;margin-right:20px}.home .top-bar .bar .session-menu select{border:1px solid #ccc;border-radius:5px;font-size:16px;margin-right:20px;padding:10px;width:30%}.home .top-bar .bar .session-menu button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:30%}.home .top-bar .bar .session-menu button:hover{background-color:#0056b3}.home .top-bar .bar .session-menu .modal-background{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;transition:opacity .3s ease-in-out}.home .top-bar .bar .session-menu .modal-background .modal{background-color:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;max-width:500px;padding:30px;transition:transform .3s ease-in-out;width:50%}.home .top-bar .bar .session-menu .modal-background .modal h2{font-size:24px;font-weight:600;margin-bottom:20px}.home .top-bar .bar .session-menu .modal-background .modal label{display:block;font-size:18px;margin-bottom:10px}.home .top-bar .bar .session-menu .modal-background .modal input,.home .top-bar .bar .session-menu .modal-background .modal textarea{background-color:#f0f0f0;border:none;box-sizing:border-box;font-size:16px;margin-bottom:20px;padding:10px;width:100%}.home .top-bar .bar .session-menu .modal-background .modal button{background-color:#007aff;border:none;border-radius:8px;box-shadow:0 5px 15px #0000001a;color:#fff;cursor:pointer;font-size:18px;padding:10px 20px;transition:background-color .3s ease-in-out}.home .top-bar .bar .session-menu .modal-background .modal button:hover{background-color:#0051c7}.home .top-bar .bar .session-menu .modal-background .modal button:last-child{margin-left:10px}.home .top-bar .bar .header{align-items:center;color:#333;display:flex;font-size:1.2em;font-weight:600;height:20%;justify-content:center;padding-bottom:10px;width:100%}.home .top-bar .bar .unit-test-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 2fr 2fr;height:100%;overflow:hidden}.home .top-bar .bar .unit-test-container .scafold{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:10px}.home .top-bar .bar .unit-test-container .scafold::-webkit-scrollbar{width:8px}.home .top-bar .bar .unit-test-container .scafold::-webkit-scrollbar-thumb{background:#0000}.home .top-bar .bar .unit-test-container .scafold:hover::-webkit-scrollbar-thumb{background:#ccc}.home .top-bar .bar .unit-test-container .unit-test .test-bar{display:flex;height:40px;justify-content:flex-start;margin-top:10px;width:100%}.home .top-bar .bar .unit-test-container .unit-test .test-bar>*{margin-right:5px}.home .top-bar .bar .unit-test-container .unit-test .test-bar>:last-child{margin-right:0}.home .top-bar .bar .unit-test-container .unit-test .btn{width:30%}.home .top-bar .bar .unit-test-container .unit-test .form-control{height:100%;width:20%}.home .top-bar .bar .unit-test-container .unit-test .form-control .num-input,.home .top-bar .bar .unit-test-container .unit-test .form-control .num-input div,.home .top-bar .bar .unit-test-container .unit-test .form-control .num-input input,.home .top-bar .bar .unit-test-container .unit-test .form-control .num-input label,.home .top-bar .bar .unit-test-container .unit-test .form-control .type-select,.home .top-bar .bar .unit-test-container .unit-test .form-control .type-select div,.home .top-bar .bar .unit-test-container .unit-test .form-control .type-select input,.home .top-bar .bar .unit-test-container .unit-test .form-control .type-select label{height:100%!important}.home .top-bar .bar .unit-test-container .unit-test .form-control .type-select{align-items:center;display:flex}.home .top-bar .bar .unit-test-container .unit-test .form-control .type-select .MuiSelect-select.MuiSelect-select{align-items:center;display:flex;height:100%}.home .top-bar .bar .unit-test-container .topbar{display:grid;grid-template-columns:90% 10%}.home .top-bar .bar .unit-test-container .codeButton{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:5px;margin-right:5px;padding:6px 16px;transition:background-color .3s ease}.home .top-bar .bar .unit-test-container .codeButton:hover{background-color:#0056b3}.home .top-bar .bar .unit-test-container .taskCard{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:10px 10px 0}.home .top-bar .bar .unit-test-container .taskCard .task-area{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between}.home .top-bar .bar .unit-test-container .taskCard textarea{border:none;border-radius:10px;box-sizing:border-box;display:flex;font-size:1em;height:100%;line-height:1.5em;margin:1px;padding:10px;resize:none}.home .top-bar .bar .unit-test-container .testTable .MuiTableHead-root .MuiTableCell-root{font-size:.875rem;padding:6px 16px}.home .top-bar .bar .unit-test-container .testTable .MuiTableBody-root .MuiTableCell-root{font-size:.875rem;padding:3px 16px}.home .top-bar .bar .unit-test-container .textField{height:10%}.home .top-bar .bar .taskCard{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:10px 10px 0}.home .top-bar .bar .taskCard .task-area{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between}.home .top-bar .bar .taskCard textarea{border:none;border-radius:10px;box-sizing:border-box;display:flex;font-size:1em;height:100%;line-height:1.5em;margin:1px;padding:10px;resize:none}.home .top-bar .bar .taskCard .exerciseBar{display:flex;height:40px;justify-content:flex-start;margin-bottom:1%;margin-top:1%}.home .top-bar .bar .taskCard .exerciseBar .action-btn{border:none;border-radius:15px;color:#fff;font-size:1em;height:30px;margin-left:10px;padding:5px 10px;text-transform:none;transition:background-color .3s ease}.home .top-bar .bar .taskCard .exerciseBar .action-btn+.action-btn{margin-left:20px}.home .top-bar .bar .taskCard .exerciseBar .action-btn.red{background-color:#ff3b30}.home .top-bar .bar .taskCard .exerciseBar .action-btn.red:hover{background-color:#c90b00}.home .top-bar .bar .class-info{grid-gap:10px;border:none;display:grid;gap:10px;grid-template-columns:2fr 1.5fr 1.5fr .5fr;height:100%}.home .top-bar .bar .class-info .group-passrate{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;height:100%;overflow-x:hidden;overflow-y:auto;padding:10px}.home .top-bar .bar .class-info .group-passrate .group-info-test-content{align-items:center;display:flex;flex-direction:column;grid-template-columns:30% auto;width:30%}.home .top-bar .bar .class-info .group-passrate .group-info-test-content .pass_rate{align-items:center;display:flex;height:100px}.home .top-bar .bar .class-info .group-passrate .group-info-test-content .pass_rate .CircularProgressbar-text{font-size:16px}.home .top-bar .bar .class-info .group-passrate .user-view-container{width:70%}.home .top-bar .bar .class-info .group-passrate .user-view-container .userView{align-items:center;display:flex;padding:10px}.home .top-bar .bar .class-info .group-passrate .user-view-container .userView .userViewHeader{align-items:center;display:flex;flex-grow:1;margin-right:15px}.home .top-bar .bar .class-info .group-passrate .user-view-container .userView .userViewHeader img{background-color:#ddddf7;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0000001a;height:30px;margin-right:5px;object-fit:cover;width:30px}.home .top-bar .bar .class-info .group-passrate .user-view-container .userView .userViewHeader .userName{max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home .top-bar .bar .class-info .group-passrate .user-view-container .userView .progressContainer{flex-basis:60%}.home .top-bar .bar .class-info .group-passrate .user-view-container .userView .progressContainer .progressBar{background-color:#e3e3e3;border-radius:10px;box-shadow:inset 0 0 5px #0003;height:15px;margin-top:5px;overflow:hidden;position:relative;width:100%}.home .top-bar .bar .class-info .group-passrate .user-view-container .userView .progressContainer .progressBar span{color:#fff;font-family:Arial Rounded MT,VAG Rounded,sans-serif;font-size:16px;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.home .top-bar .bar .class-info .group-passrate .user-view-container .userView .progressContainer .progressBar .progressBarFill{border-radius:10px;box-shadow:0 2px 4px #0003;height:100%;transition:width .3s ease}.home .top-bar .bar .class-info .group-passrate .user-view-container .userView .progressContainer .progressBar .progressBarFill.progressBarFill-red{background:linear-gradient(0deg,#ff3b30,#ff837d)}.home .top-bar .bar .class-info .group-passrate .user-view-container .userView .progressContainer .progressBar .progressBarFill.progressBarFill-yellow{background:linear-gradient(0deg,#fc0,#ffdb4d)}.home .top-bar .bar .class-info .group-passrate .user-view-container .userView .progressContainer .progressBar .progressBarFill.progressBarFill-green{background:linear-gradient(0deg,#34c759,#6ed989)}.home .top-bar .bar .class-info .hide-scroll-bar::-webkit-scrollbar{width:8px}.home .top-bar .bar .class-info .hide-scroll-bar::-webkit-scrollbar-thumb{background:#0000}.home .top-bar .bar .class-info .hide-scroll-bar:hover::-webkit-scrollbar-thumb{background:#ccc}.home .top-bar .bar .class-info .code-issues{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;padding:10px 25px}.home .top-bar .bar .class-info .code-issues .header{align-items:center;color:#333;display:flex;font-size:1.2em;font-weight:600;height:20%;justify-content:center;width:100%}.home .top-bar .bar .class-info .code-issues .issue-slider{width:100%}.home .top-bar .bar .class-info .code-issues .issue-slider .slick-next:before,.home .top-bar .bar .class-info .code-issues .issue-slider .slick-prev:before{color:#a9a9a9}.home .top-bar .bar .class-info .code-issues .issue-slider .code-issue-card{margin:5px}.home .top-bar .bar .class-info .code-issues .card-header{padding:10px}.home .top-bar .bar .class-info .group-info-test{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:auto;padding:10px}.home .top-bar .bar .class-info .group-info-test::-webkit-scrollbar{width:8px}.home .top-bar .bar .class-info .group-info-test::-webkit-scrollbar-thumb{background:#0000}.home .top-bar .bar .class-info .group-info-test:hover::-webkit-scrollbar-thumb{background:#ccc}.home .top-bar .bar .class-info .group-info-test .header{align-items:center;color:#333;display:flex;font-size:1.2em;font-weight:600;height:20%;justify-content:center;width:100%}.home .top-bar .bar .class-info .group-info-test .group-info-test-content{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:30% auto}.home .top-bar .bar .class-info .group-info-test .group-info-test-content .pass_rate{align-items:center;display:flex;height:100px}.home .top-bar .bar .class-info .group-info-test .group-info-test-content .pass_rate .CircularProgressbar-text{font-size:16px}.home .top-bar .bar .class-info .group-info-test .group-info-test-content .test-big-div{display:grid;grid-template-columns:auto auto}.home .top-bar .bar .class-info .group-info-test .group-info-test-content .test-big-div .unit-test-container{align-items:center;display:grid;grid-template-columns:auto}.home .top-bar .bar .class-info .setting-panel{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;height:100%;overflow-x:hidden;overflow-y:auto;padding:10px}.home .top-bar .bar .class-info .setting-panel::-webkit-scrollbar{width:8px}.home .top-bar .bar .class-info .setting-panel::-webkit-scrollbar-thumb{background:#0000}.home .top-bar .bar .class-info .setting-panel:hover::-webkit-scrollbar-thumb{background:#ccc}.home .top-bar .bar .class-info .setting-panel .MuiFormControlLabel-root,.home .top-bar .bar .class-info .setting-panel button{border-radius:8px;font-size:.9rem;font-weight:500;padding:10px 20px;text-transform:none;transition:background-color .3s,transform .2s}.home .top-bar .bar .class-info .setting-panel .MuiFormControlLabel-root:hover,.home .top-bar .bar .class-info .setting-panel button:hover{transform:translateY(-1px)}.home .top-bar .bar .class-info .setting-panel .MuiButton-outlined:hover{background-color:#f7f7f7}.home .top-bar .bar .class-info .setting-panel .MuiButton-contained.action-btn{background-color:#007aff;color:#fff}.home .top-bar .bar .class-info .setting-panel .MuiButton-contained.action-btn:hover{background-color:#006ee6}.home .top-bar .bar .class-info .setting-panel .MuiButton-contained[color=secondary]{background-color:#ff3b30;color:#fff}.home .top-bar .bar .class-info .setting-panel .MuiButton-contained[color=secondary]:hover{background-color:#ff2317}.home .top-bar .bar .class-info .setting-panel .MuiFormControlLabel-labelPlacementStart{flex-direction:row-reverse;justify-content:space-between}.home .top-bar .bar .task{background-color:#fff;border:none;padding:10px}.home .top-bar .bar .task,.home .top-bar .bar .task .task-area{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between}.home .top-bar .bar .task textarea{border:none;border-radius:10px;box-sizing:border-box;display:flex;font-size:1em;height:100px;line-height:1.5em;margin:1px;padding:10px;resize:none}.home .top-bar .bar .task .exerciseBar{display:flex;height:100%;justify-content:flex-start;margin-bottom:1%;margin-top:1%}.home .top-bar .bar .task .exerciseBar .action-btn{background-color:#007aff;border:none;border-radius:15px;color:#fff;font-size:1em;padding:5px 10px;text-transform:none;transition:background-color .3s ease}.home .top-bar .bar .task .exerciseBar .action-btn:hover{background-color:#0062cc}.home .top-bar .bar .task .exerciseBar .action-btn+.action-btn{margin-left:20px}.home .top-bar .bar .task .exerciseBar .action-btn.red{background-color:#ff3b30}.home .top-bar .bar .task .exerciseBar .action-btn.red:hover{background-color:#c90b00}.home .top-bar .bar .task .grouping-modal{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.home .top-bar .bar .task .grouping-modal .modal-content{align-items:center;background:#fff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:500px;padding:20px;position:relative;width:80%}.home .top-bar .bar .task .grouping-modal .grouping-modal-close-btn{position:absolute;right:10px;top:10px}.home .top-bar .bar .task .grouping-modal .grouping-btn{background-color:#007aff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:San Francisco,Helvetica Neue,Arial,sans-serif;font-size:14px;outline:none;padding:12px 24px;text-transform:uppercase}.home .top-bar .bar .task .grouping-modal .grouping-btn:hover{background-color:#005cbf}.home .top-bar .bar .task .grouping-modal .grouping-btn.red{background-color:#ff3b30}.home .top-bar .bar .task .grouping-modal .grouping-btn.red:hover{background-color:#c90b00}.home .container{border:1px solid #e1e1e1;display:grid;grid-template-columns:auto;height:100%;overflow-x:auto;padding-left:3px;padding-right:3px;position:static;width:100%}.home .container .group{background-color:#f9f9f9;display:flex;flex-direction:column;flex-grow:1;font-family:Open Sans,sans-serif;height:100%;justify-content:space-between;min-width:0;overflow:hidden}.home .container .group .groupBar{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:auto;min-width:200px;width:100%}.home .container .group .groupBar .input-wrapper{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 8px #ddd;display:flex;height:2.5rem;padding:0 15px;width:100%}.home .container .group .groupBar .icon{border-radius:0}.home .container .group .groupBar input:focus{outline:none}.home .container .group .groupBar #search-icon{color:#4169e1}.home .container .group .groupBar input{background-color:#0000;border:none;font-size:1.25rem;height:100%;margin-left:5px;width:100%}.home .container .group .groupList{grid-gap:10px;background-color:#f2f2f2;border:1px solid #e5e5e5;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));height:100%;overflow:auto;overflow-x:hidden;width:100%}.home .container .group .groupList::-webkit-scrollbar{width:8px}.home .container .group .groupList::-webkit-scrollbar-thumb{background:#0000}.home .container .group .groupList:hover::-webkit-scrollbar-thumb{background:#ccc}.home .container .group .groupList:hover{scrollbar-color:#ccc #0000}.home .container .group .groupList .groupView{align-items:center;border-bottom:1px solid #fafafa;display:flex;flex-direction:column;transition:all .3s ease-in-out}.home .container .group .groupList .groupView:hover{background-color:#e5e5e5;box-shadow:0 2px 10px #0000001a}.home .container .group .groupList .groupView.selected{background-color:#d2f1dc;transform:scale(1.05)}.home .container .group .groupList .groupView.selected .groupName{font-weight:700}.home .container .group .groupList .groupView .progressBar{background-color:#e3e3e3;border-radius:10px;box-shadow:inset 0 0 5px #0003;height:20px;margin-top:10px;overflow:hidden;position:relative;width:80%}.home .container .group .groupList .groupView .progressBar span{color:#fff;font-family:Arial Rounded MT,VAG Rounded,sans-serif;font-weight:500;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.home .container .group .groupList .groupView .progressBar .progressBarFill{border-radius:10px;box-shadow:0 2px 4px #0003;height:100%;transition:width .3s ease}.home .container .group .groupList .groupView .progressBar .progressBarFill.progressBarFill-red{background:linear-gradient(0deg,#ff3b30,#ff837d)}.home .container .group .groupList .groupView .progressBar .progressBarFill.progressBarFill-yellow{background:linear-gradient(0deg,#fc0,#ffdb4d)}.home .container .group .groupList .groupView .progressBar .progressBarFill.progressBarFill-green{background:linear-gradient(0deg,#34c759,#6ed989)}.home .container .group .groupList .groupView .groupName{display:flex;font-size:14px;font-weight:700;margin:10px auto}.home .container .group .groupList .groupView .members{display:flex;flex-direction:row;margin-left:30px;margin-right:30px;overflow:hidden;padding:5px 0}.home .container .group .groupList .groupView .members .member{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-left:10px;margin-right:10px}.home .container .group .groupList .groupView .members .member .member_info{align-items:center;display:flex;flex-direction:row;justify-content:center}.home .container .group .groupList .groupView .members .member .member_info img{background-color:#ddddf7;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0000001a;height:24px;margin-right:5px;object-fit:cover;width:24px}.home .container .group .groupList .groupView .members .member .member_info span{color:#333;font-weight:700}.home .container .group .groupList .groupView .members .member .exercise_info{align-items:center;display:flex}.home .container .group .groupList .groupView .members .member .exercise_info span{color:#666;font-size:14px}.home .container .chat{background-color:#fff;display:flex;flex-direction:column;flex-grow:1;font-family:Open Sans,sans-serif;height:80%;min-width:0;overflow-y:visible}.home .container .chat .controlBar{align-items:center;background-color:#f2f2f2;display:flex;padding:10px}.home .container .chat .controlBar img{cursor:pointer;height:30px;margin:0 10px;width:30px}.home .container .chat .controlBar img:hover{opacity:.8}.home .container .chat .chat-history{background-color:#f2f2f2;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;flex:1 1;height:30vh;margin:10px;overflow-x:hidden;overflow-y:auto;scrollbar-color:#0000 #0000;scrollbar-width:thin}.home .container .chat .chat-history::-webkit-scrollbar{width:8px}.home .container .chat .chat-history::-webkit-scrollbar-thumb{background:#0000}.home .container .chat .chat-history:hover::-webkit-scrollbar-thumb{background:#ccc}.home .container .chat .chat-history:hover{scrollbar-color:#ccc #0000}.home .container .chat .chat-history .message{align-items:flex-start;display:flex;gap:20px;justify-content:right;padding:10px 20px}.home .container .chat .chat-history .message .emoji{margin-right:4px;margin-top:2px}.home .container .chat .chat-history .message:hover{background-color:#e5e5e5}.home .container .chat .chat-history .message .messageInfo{align-items:center;color:gray;display:flex;flex-direction:column;font-weight:300;margin-top:17.5px;max-width:15%;min-width:15%}.home .container .chat .chat-history .message .messageInfo .info-user{color:#333;font-weight:700;text-align:center}.home .container .chat .chat-history .message .messageInfo img{border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0003;height:26px;object-fit:cover;width:26px}.home .container .chat .chat-history .message .messageInfo span{font-size:xx-small}.home .container .chat .chat-history .message .messageContent{display:flex;flex-direction:column;gap:10px;max-width:100%}.home .container .chat .chat-history .message .messageContent pre{background-color:#fff;border-radius:0 10px 10px 10px;font-family:Arial,Helvetica,sans-serif;font-size:small;margin-left:-10px;margin-top:15px;max-width:100%;overflow-wrap:break-word;padding:10px 20px;white-space:pre-wrap;word-break:break-word}.home .container .chat .chat-history .message .messageContentRight{display:flex;flex-direction:column;gap:10px;max-width:100%}.home .container .chat .chat-history .message .messageContentRight pre{background-color:#fff;border-radius:10px 0 10px 10px;font-family:Arial,Helvetica,sans-serif;font-size:small;margin-right:-10px;margin-top:15px;max-width:100%;overflow-wrap:break-word;padding:10px 20px;white-space:pre-wrap;word-break:break-word}.home .container .chat .chat-history .message .dm{color:#0070c9;font-size:.8em}.home .container .chat .chat-history .message.selected{background-color:#e5e5e5}.home .container .chat .message-form{display:flex;margin:10px}.home .container .chat .message-form .message-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:16px;margin-right:10px;padding:10px;resize:none;white-space:pre-wrap}.home .container .chat .message-form .message-input:focus{outline:none}.home .container .chat .message-form .send-button{background:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.home .container .chat .message-form .send-button:hover{background:#0056b3}.home .container .code-container{overflow-y:auto}.home .container .code-container .App{font-family:sans-serif;font-size:1.5em}.home .container .code-container textarea{display:block;font-size:1.1em;margin:auto;width:70%}.home .container .code-container table{background-color:#eee;border:1px solid #1c6ea4;border-collapse:collapse;margin:1.5em auto;text-align:left}.home .container .code-container thead{border:2px solid #999;font-weight:700;text-align:center}.home .container .code-container td,.home .container .code-container th{border:1px solid #aaa}.home .container .code-container .error{color:#922}.home .container .code-container .code{background-color:#f2f2f7;overflow-x:hidden;overflow-y:auto}.home .container .code-container .code .code-presenter-wrapper{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:20px}.home .container .code-container .code .codeOutputWrapper{background-color:#fff;border:1px solid #dcdcdc;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:visible;padding:10px;width:100%;z-index:1}.home .container .code-container .code .codeOutputWrapper .codeOutputArea{background-color:#fffcfc;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-family:JetBrains Mono,monospace;font-size:16px;height:95%;min-height:350px;padding:15px;resize:none;width:95%}.home .container .code-container .code .codeBar{align-items:center;background-color:#f2f2f7;display:flex;flex-direction:row;padding:10px 10px 5px 0;width:100%}.home .container .code-container .code .codeBar .codeButton{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-right:5px;padding:6px 16px;transition:background-color .3s ease}.home .container .code-container .code .codeBar .codeButton:hover{background-color:#0056b3}.home .container .code-container .code .codeBar span{background-color:#f2f2f7;border-radius:5px;color:#333;font-family:San Francisco,Helvetica Neue,Arial,sans-serif;margin-right:10px;padding:8px 16px}.home .container .code-container .code .codeBar .pass_rate{align-items:center;border-radius:50%;box-shadow:0 2px 5px #0000001a;display:flex;height:50px;justify-content:center;width:50px}.home .container .code-container .code .codeBar .pass_rate .CircularProgressbar-text{font-size:16px}.home .container .code-container .code .codeTextArea{background-color:#fff;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-family:JetBrains Mono,monospace;font-size:16px;height:85%;margin-bottom:10px;overflow-y:auto;resize:none;scrollbar-color:#0000 #0000;scrollbar-width:thin;width:100%}.home .container .code-container .code .codeTextArea:focus{outline:none}.home .container .code-container .code .codeTextArea::-webkit-scrollbar{width:8px}.home .container .code-container .code .codeTextArea::-webkit-scrollbar-thumb{background:#0000}.home .container .code-container .code .codeTextArea:hover::-webkit-scrollbar-thumb{background:#ccc}.home .container .code-container .code .codeTextArea:hover{scrollbar-color:#ccc #0000}.home .container .code-container .code .codeTextArea .CodeMirror-text pre{padding-left:4ch}.home .container .code-container .code .add-to-presenter-button{width:100%}.home .container .code-container .code .student-info-container{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;width:100%}.home .container .code-container .code .student-info-container .studentInfo-title{border-bottom:1px solid #e1e1e1;color:#0009;font-size:2.125rem;font-weight:300;margin-bottom:15px;padding:10px;text-align:center}.home .container .code-container .code .student-info-container .student-info{color:#333;font-size:1.2em;font-weight:600;margin-top:10px;text-align:left}.home .container .code-container .code .embeddedCodeBar{background-color:#fff;border:1px solid #e1e1e1;border-radius:15px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:10px;padding:20px}.home .container .code-container .code .embeddedCodeBar h3{border-bottom:1px solid #e1e1e1;color:#333;font-size:1.5em;margin-bottom:15px;padding-bottom:10px;width:100%}.home .container .code-container .code .embeddedCodeBar .stats-container{display:flex;margin-bottom:20px;width:100%}.home .container .code-container .code .embeddedCodeBar .stats-container .column{flex:1 1;padding:0 10px}.home .container .code-container .code .embeddedCodeBar .stats-container .column h4{border-bottom:1px solid #e1e1e1;color:#333;font-size:1.2em;margin-bottom:10px;padding-bottom:5px}.home .container .code-container .code .embeddedCodeBar .stats-container .left-column{border-right:1px solid #e1e1e1}.home .container .code-container .code .embeddedCodeBar p{color:#333;font-size:1em;line-height:1.6;margin:10px 0}.home .container .code-container .code .embeddedCodeBar p.highlight{color:#007aff;font-weight:600}.home .container .code-container .code .embeddedCodeBar .line-chart{height:300px;margin:0 auto;width:100vh}.home .container .code-container .code .embeddedCodeBar .class-stats{width:100%}.home .container .code-container .code .embeddedCodeBar .class-stats h4{border-bottom:1px solid #e1e1e1;color:#333;font-size:1.2em;margin-bottom:10px;padding-bottom:5px}.home .container .code-container .code .embeddedCodeBar .class-stats .error-list{margin-top:10px}.home .container .code-container .code .embeddedCodeBar .class-stats .error-list p{color:#ff3b30}.home .container .code-container .code .userSwitch{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:space-between;overflow:scroll;padding:10px;width:20%}.home .container .code-container .code .userSwitch img{background-color:#ddddf7;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0003;height:40px;margin-bottom:5px;margin-top:5px;object-fit:cover;transition:transform .2s,border-color .2s;width:40px}.home .container .code-container .code .userSwitch .selected{border:2px solid #8e8e93;box-shadow:0 0 10px #00000080;transform:scale(1.1)}.home .container .code-container .code-stud{align-items:center;background-color:#f2f2f7;display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;width:100%}.home .container .code-container .code-stud .container{align-items:flex-start;background-color:#f2f2f7;border:none;display:flex;flex-direction:column;height:100%;justify-content:flex-start;overflow:visible;width:100%}.home .container .code-container .code-stud .container .codeBar{align-items:center;background-color:#f2f2f7;display:flex;flex-direction:row;padding:0 10px 5px 0;width:100%}.home .container .code-container .code-stud .container .codeBar .codeButton{align-items:center;background-color:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;display:flex;font-size:16px;margin:0 2px;padding:10px 16px;transition:background-color .3s ease}.home .container .code-container .code-stud .container .codeBar .codeButton:hover{background-color:#d4d4d4}.home .container .code-container .code-stud .container .codeBar span{background-color:#f2f2f7;border-radius:5px;color:#333;font-family:San Francisco,Helvetica Neue,Arial,sans-serif;margin-right:10px;padding:8px 16px}.home .container .code-container .code-stud .container .codeBar .pass_rate{align-items:center;border-radius:50%;box-shadow:0 2px 5px #0000001a;display:flex;height:50px;justify-content:center;width:50px}.home .container .code-container .code-stud .container .codeBar .pass_rate .CircularProgressbar-text{font-size:16px}.home .container .code-container .code-stud .container .full-size{height:100%;width:100%}.home .container .code-container .code-stud .container .full-size .codeTextArea{background-color:#fff;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;flex:3 1;font-family:JetBrains Mono,monospace;font-size:16px;height:85%;margin-bottom:10px;overflow-y:auto;resize:none;scrollbar-color:#0000 #0000;scrollbar-width:thin;width:100%}.home .container .code-container .code-stud .container .full-size .codeTextArea:focus{outline:none}.home .container .code-container .code-stud .container .full-size .codeTextArea::-webkit-scrollbar{width:8px}.home .container .code-container .code-stud .container .full-size .codeTextArea::-webkit-scrollbar-thumb{background:#0000}.home .container .code-container .code-stud .container .full-size .codeTextArea:hover::-webkit-scrollbar-thumb{background:#ccc}.home .container .code-container .code-stud .container .full-size .codeTextArea:hover{scrollbar-color:#ccc #0000}.home .container .code-container .code-stud .container .scafold{flex:1 1;width:100%}.home .container .code-container .code-stud .container .scafold .codeTestArea{background-color:#fff;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-family:JetBrains Mono,monospace;font-size:16px;height:85%;margin-bottom:10px;margin-top:10px;overflow-y:auto;resize:none;width:96%}.home .container .code-container .code-stud .codeOutputWrapper{background-color:#fff;border:1px solid #dcdcdc;border-radius:15px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;height:calc(80vh - 260px);margin:0 5px;overflow:visible;overflow:auto;padding:10px 10px 0;width:calc(100% - 10px);z-index:1}.home .container .code-container .code-stud .codeOutputWrapper .codeOutputArea{background-color:#fff;border:none;border-radius:5px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;font-family:JetBrains Mono,monospace;font-size:16px;height:100%;margin-bottom:10px;min-height:350px;overflow-y:auto;padding:15px;resize:none;width:95%}.home .container .code-container .code-stud .codeOutputWrapper .thought{align-items:center;background-color:#f2f2f2;border-radius:50px;display:flex;justify-content:center;margin:20px;max-height:40vh;max-width:70%;min-height:40px;min-width:40px;padding:20px;position:relative;text-align:center}.home .container .code-container .code-stud .codeOutputWrapper .speechbubble{background-color:#f2f2f2;border-radius:10px 10px 0 10px;border-right:5px solid #56b273;color:#161719;cursor:default;display:flex;flex-direction:column;font-family:sans-serif;font-size:.9em;line-height:1.75;margin-bottom:20px;padding:15px 25px;width:80%}.home .container .code-container .code-stud .userSwitch{align-items:center;display:flex;flex-direction:column;height:80%;justify-content:space-between;overflow:hidden;padding:10px;width:20%}.home .container .code-container .code-stud .userSwitch img{background-color:#ddddf7;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0003;height:75px;margin-bottom:5px;margin-top:5px;object-fit:cover;transition:transform .2s,border-color .2s;width:75px}.home .container .code-container .code-stud .userSwitch .selected{border:2px solid #8e8e93;box-shadow:0 0 10px #00000080;transform:scale(1.1)}.home .loadingContainer{align-items:center;display:flex;justify-content:center}.session{margin:50px auto 0;width:80%}.session .session-form{background-color:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:40px}.session .session-form .session-header{align-items:center;background-color:#2074d4;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;margin:-40px -40px 40px;padding:5px 20px}.session .session-form .session-header .session-menu{display:flex;justify-content:flex-start}.session .session-form .MuiTypography-h6{align-items:center;display:flex;margin:.5em}.session .session-form .user-profile{align-items:center;display:flex}.session .session-form .user-profile img{background-color:#ddddf7;border:2px solid #fff;border-radius:50%;box-shadow:0 0 10px #0000001a;height:30px;object-fit:cover;width:30px}.session .session-form .user-profile span{color:#fff;font-size:14px;font-weight:600;margin:0 10px}.session .session-form .user-profile .btn{border:none;border-radius:5px;box-shadow:0 10px 20px #0000001a;color:#fff;cursor:pointer;font-size:14px;margin-left:10px;padding:5px 10px;transition:background-color .3s ease-in-out}.session .session-form .user-profile .btn.red{background-color:#ff4b5c}.session .session-form .user-profile .btn.red:hover{background-color:#c00}.session .session-form .user-profile .btn.blue{background-color:#4b5cff}.session .session-form .user-profile .btn.blue:hover{background-color:#1b1bf1}.session .session-form .MuiTable-root{border-collapse:collapse;margin-bottom:20px;width:100%}.session .session-form .MuiTable-root td,.session .session-form .MuiTable-root th{border:1px solid #ddd;padding:15px}.session .session-form .MuiTable-root th{background-color:#f0f0f0;text-align:left}.session .session-form .MuiButton-containedPrimary{background-color:#007bff;color:#fff;margin-right:10px}.session .session-form .MuiButton-containedPrimary:hover{background-color:#0056b3}.session .session-form .MuiButton-containedSecondary{background-color:#dc3545;color:#fff;margin-right:10px}.session .session-form .MuiButton-containedSecondary:hover{background-color:#c82333}
/*# sourceMappingURL=main.e7db6fe5.css.map*/