@import url(https://fonts.googleapis.com/css2?family=Bellota:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Parkinsans:wght@300..800&display=swap);body{background-color:var(--bg-lightest);font-family:Manrope,sans-serif;font-optical-sizing:auto;font-style:normal;margin:0}*{font-weight:600}:root{--primary-color:var(--primary-color);--secondary-color:#ff8c00;--tertiary-color:var(--tertiary-color);--quaternary-color:#f4f4f4;--faded-color:var(--faded-color);--skeleton-background2:linear-gradient(120deg,var(--skeleton-dark),var(--skeleton-light),var(--skeleton-dark));--skeleton-background:var(--skeleton-dark);--skeleton-animation:skeleton_animation 0.5s ease 0s infinite alternate}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.link_secondary{color:#ff8c00;font-weight:500;text-decoration:none}.page{animation:page_in .3s ease 0s 1;transition:.3s ease}@keyframes page_in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes skeleton_animation{0%{background-color:var(--skeleton-dark)}to{background-color:var(--skeleton-light)}}hr{border:1px solid var(--skeleton-light)}.btn_secondary{align-items:center!important;align-items:center;background:var(--primary-color)!important;border:none!important;border-radius:50px!important;color:#fff!important;cursor:pointer!important;display:flex!important;display:flex;font-size:15px!important;font-weight:500!important;justify-content:center!important;justify-content:center;padding:8px 15px!important}.btn_secondary:disabled,.btn_secondary:disabled:focus{opacity:.9!important;pointer-events:none!important}.text_secondary{color:var(--tertiary-color);margin:0}.btn_tertiary,.text_secondary{font-size:15px;font-weight:500}.btn_tertiary{background:var(--bg-blue-tint);border:none;border:1px solid var(--primary-color)!important;border-radius:50px;color:var(--primary-color);cursor:pointer;padding:8px 15px}.key_shortcut{align-items:center;background:var(--skeleton-light);border-radius:5px;color:var(--skeleton-dark);display:flex;flex-direction:column;font-size:12px;font-weight:500;justify-content:center;letter-spacing:-.5px;padding:5px}.key_shortcut b{color:var(--tertiary-color);margin-left:3px}.key_shortcut span:last-child{font-size:10px}.btn_loading{animation:btn_loading 1s linear 0s infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;display:flex;height:12px;width:12px}.btn_group{display:flex;gap:10px;justify-content:flex-end;width:100%}.btn_group .btn_secondary,.btn_group .btn_tertiary{margin:0!important}.btn_group-2{display:flex;gap:10px}.btn_group-2 button:first-child,.btn_group-2 button:last-child{margin:0!important}@keyframes btn_loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button:active{filter:brightness(.9)}input::datetime-local::datetime-picker{font-family:Manrope,sans-serif;font-optical-sizing:auto;font-style:normal}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}input{font-family:Manrope,sans-serif;font-optical-sizing:auto;font-style:normal}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--white:#fff;--black:#000;--black-weak:#0000001a;--black-weaker:#00000028;--black-weakest:#0000003d;--black-bg:#00000048;--transparent:#0000;--pure-black:#000;--primary-color:#5c60f5;--faded-color:#e2e4ff;--tertiary-color:#4d4d4d;--accent-link:#53607e;--text-color:#3c4043;--text-muted:#5f6368;--text-light:#707070;--text-gray:#504d4d;--text-lightgray:#c9c9c9;--text-darkgray:#3f3f3f;--text-grayish:#7e7e7e;--border-light:#e0e0e0;--border-lighter:#e2e2e2;--border-silver:silver;--border-gray:#adadad;--border-darkgray:#dbdbdb;--bg-lightest:#f7f7f7;--bg-lighter:#fafafa;--bg-light:#f1f2ff;--bg-faint:#fcfcfc;--bg-blue-tint:#ebecff;--bg-dull:#f3f3f3;--bg-muted:#f1f1f1;--bg-overlay:#ffffffb0;--bg-shadow:#0000002f;--success:#0f0;--error:red;--warning:orange;--info:#00a100;--gray-100:#fafafa;--gray-200:#e0e0e0;--gray-300:#e2e2e2;--gray-400:#dbdbdb;--gray-500:#adadad;--gray-600:#9fa2ff;--gray-700:#838383;--gray-800:#707070;--disabled-btn:#9fa2ff;--hover-shadow:#0003;--skeleton-light:#e4e4e4;--skeleton-dark:#a8a8a8;--navbar:#fff;--hover-shadow:#00000018;--bg-opacity:0.2;--logo-invert:0.7;--empty-invert:1;--gradient-skeleton:linear-gradient(120deg,#a8a8a8,#e4e4e4,#a8a8a8);--gradient-footer:linear-gradient(180deg,#0000,#00000050);--gradient-overlay:linear-gradient(180deg,#00000028,#0000);--gradient-icon:linear-gradient(135deg,#a0aec0,#718096)}[data-theme=dark]{--white:#121212;--black:#fff;--black-weak:#ffffff1a;--black-weaker:#ffffff28;--black-weakest:#ffffff3d;--black-bg:#ffffff48;--pure-black:#fff;--primary-color:#7a7dff;--faded-color:#2a2a4a;--tertiary-color:#b3b3b3;--accent-link:#8d9bbd;--text-color:#e0e0e0;--text-muted:#a5a5a5;--text-light:#8f8f8f;--text-gray:#b0b0b0;--text-lightgray:#6d6d6d;--text-darkgray:silver;--text-grayish:#818181;--border-light:#3a3a3a;--border-lighter:#424242;--border-silver:#6a6a6a;--border-gray:#525252;--border-darkgray:#444;--bg-lightest:#1a1a1a;--bg-lighter:#222;--bg-light:#2a2a3a;--bg-faint:#252525;--bg-blue-tint:#1e1e2f;--bg-dull:#2d2d2d;--bg-muted:#2a2a2a;--bg-overlay:#121212b0;--bg-shadow:#7474742f;--success:#4cff4c;--error:#ff4c4c;--warning:#ffb84c;--info:#4cff4c;--gray-100:#252525;--gray-200:#3a3a3a;--gray-300:#424242;--gray-400:#444;--gray-500:#525252;--gray-600:#4a4a7a;--gray-700:#6a6a6a;--gray-800:#8f8f8f;--disabled-btn:#4a4a7a;--hover-shadow:#fff3;--skeleton-light:#3a3a3a;--skeleton-dark:#525252;--navbar:#272727;--hover-shadow:#ffffff10;--logo-invert:0.3;--bg-opacity:1;--bg-opacity:0.35;--empty-invert:0.4;--gradient-skeleton:linear-gradient(120deg,#444,#333,#444);--gradient-footer:linear-gradient(180deg,#0000,#111);--gradient-overlay:linear-gradient(180deg,#ffffff1a,#0000);--gradient-icon:linear-gradient(135deg,#555,#777)}.page.auth_page{background:var(--bg-lightest);display:flex;height:100vh;overflow:hidden}.page.auth_page .side_bar{background:var(--primary-color);flex-direction:column;height:100vh;min-width:350px;width:350px}.page.auth_page .side_bar,.page.auth_page .side_bar .logo{align-items:center;display:flex;justify-content:flex-start}.page.auth_page .side_bar .logo{color:#fff;margin-bottom:50px;margin-top:50px;width:calc(100% - 100px)}.page.auth_page .side_bar .logo .logo_img{height:40px;width:auto}.page.auth_page .side_bar .content{color:#fff;display:flex;flex-direction:column;justify-content:flex-start;width:calc(100% - 100px)}.page.auth_page .side_bar .content h2{font-size:30px;font-weight:700;margin-bottom:0}.page.auth_page .side_bar .content p{font-weight:100;font:1000}.page.auth_page .side_bar .vector{height:100%;position:relative;width:calc(100% - 100px)}.page.auth_page .side_bar .vector span{background-color:#ff8c00;border-radius:50%;bottom:-50px;height:150px;position:absolute;right:-10px;width:150px}.page.auth_page .form_section{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;width:calc(100% - 350px)}.page.auth_page .form_section .inner_section{width:300px}.page.auth_page .form_section .inner_section .header{color:var(--text-color)}.page.auth_page .form_section .inner_section .header p{color:var(--accent-link);font-size:12px;font-weight:600;margin-bottom:10px}.page.auth_page .form_section .inner_section .form .forgot-password{color:var(--accent-link);font-size:12px;font-weight:500;margin-bottom:10px;margin-top:-10px;text-align:right}.page.auth_page .form_section .inner_section .form .forgot-password .link{color:var(--accent-link);font-size:12px;font-weight:500}.page.auth_page .form_section .inner_section .form .input-field{width:300px}.page.auth_page .form_section .inner_section .form .divider{display:flex;justify-content:space-between;width:300px}.page.auth_page .form_section .inner_section .form .button_primary{width:300px}.page.auth_page .form_section .inner_section .form .divider .input-field{width:145px}.page.auth_page .form_section .inner_section .refer_section{margin:0;width:300px}.page.auth_page .form_section .inner_section .refer_section span{align-items:center;color:var(--accent-link);display:flex;font-size:12px;font-weight:600;justify-content:center;margin:0;width:100%}.page.auth_page .form_section .inner_section .refer_section p{color:var(--accent-link);font-size:12px}@media screen and (max-width:700px){.page.auth_page .side_bar{min-width:100px;width:250px}.page.auth_page .side_bar .content h2{font-size:25px}.page.auth_page .form_section{width:calc(100% - 250px)}}@media screen and (max-width:600px){.page.auth_page .side_bar{height:50px;position:absolute;width:100vw}.page.auth_page .side_bar,.page.auth_page .side_bar .logo{align-items:center;justify-content:center;margin:0;padding:0}.page.auth_page .side_bar .logo{display:flex;height:100%;width:300px}.page.auth_page .side_bar .logo .logo_img{height:30px;width:auto}.page.auth_page .side_bar .content,.page.auth_page .side_bar .vector{display:none}.page.auth_page .form_section{height:100vh;width:100vw}.page.auth_page:after{background:#ff8c00;border-radius:50%;content:"";height:100px;position:absolute;right:10px;top:20px;width:100px;z-index:-1}}.input-field{display:flex;flex-direction:column;margin-bottom:20px;max-width:500px}.input-field input{background-color:var(--gray-300);border:none;border:2px solid var(--gray-300);border-radius:5px;color:var(--black);font-size:16px;font-weight:400;margin-top:5px;outline:none;padding:8px 5px}.input-field input:focus{border:2px solid var(--gray-700)}.input-field label{color:var(--gray-800);font-size:12px;font-weight:500}.button_primary{align-items:center;background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:16px;height:40px;justify-content:center!important;margin-bottom:20px;max-width:500px;padding:10px 5px;position:relative;transition:.3s ease}.button_primary:disabled{opacity:.5;pointer-events:none}.checkbox{align-items:center;display:flex;justify-content:flex-start;margin-bottom:20px;max-width:500px}.checkbox input{border-radius:8px;margin:0 0 0 -5px;padding:0;width:25px!important}.checkbox label{color:var(--gray-800);font-size:12px;margin:0;width:100%}.home_content{background-color:var(--bg-lightest);color:var(--tertiary-color);height:100%;min-width:300px;overflow-y:scroll!important;padding:10px 30px}.home_content .header{align-items:flex-start;display:flex;flex-direction:column;margin-top:10px;width:-webkit-fit-content;width:fit-content}.home_content .header .emoji{font-size:40px}.home_content .header .text{display:flex;flex-direction:column;justify-content:center;margin:0}.home_content .header .text p,h1{margin:0}.home_content .classrooms{display:flex;flex-wrap:wrap;margin-top:30px}.home_content .classrooms .classroom_card{background-position:50%!important;background-size:auto 100%!important;border-radius:10px;cursor:pointer;height:150px;margin:10px 20px 10px 0;max-width:400px;min-width:350px;overflow:hidden;position:relative;transition:.3s ease;width:30%}.home_content .classrooms .classroom_card:after{background:linear-gradient(to bottom,var(--black-weaker),#0000);border-radius:10px;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.home_content .classrooms .classroom_card .poster_img{height:100%;left:0;position:absolute}.home_content .classrooms .classroom_card .content{border-radius:10px;color:#fff;display:flex;flex-direction:column;height:110px;justify-content:space-between;overflow-y:hidden;padding:20px;width:calc(100% - 40px);z-index:1}.home_content .classrooms .classroom_card .content:before{background:linear-gradient(180deg,#0000,#00000050);border-radius:10px;bottom:0;content:"";height:50px;left:0;position:absolute;width:100%;z-index:0}.home_content .classrooms .classroom_card .content .creator_info{align-items:center;border-radius:20px;display:flex;margin-bottom:-5px;width:100%;width:-webkit-fit-content;width:fit-content;z-index:1}.home_content .classrooms .classroom_card .content .creator_info .creator_name{font-size:.875rem;margin-left:10px}.home_content .classrooms .classroom_card .content .creator_info .creator_icon{height:30px;width:30px}.home_content .classrooms .classroom_card .content h2{word-wrap:break-word;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.home_content .classrooms .classroom_card .content p{height:100%;margin:0;padding:0;width:100%}.home_content .classrooms .classroom_card:hover{box-shadow:0 10px 10px var(--bg-shadow);transform:translateY(-3px)}@media screen and (max-width:690px){.home_content{padding:10px 15px}.home_content .classrooms .classroom_card{margin:0 0 15px;min-width:0;width:100%}}.icon_image{align-items:center;background:linear-gradient(135deg,#a0aec0,#718096);border-radius:50%;display:flex;height:100%;justify-content:center;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.icon_image img{height:calc(110% + 5px);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(110% + 5px);z-index:1}.icon_image i{color:#fff!important;font-size:18px}.icon_image h2{border:none!important;color:#f5f5f5!important;font-size:100%;font-weight:500;height:100%;margin:0;margin:0!important;padding:0;padding:0!important;position:absolute;-webkit-user-select:none;user-select:none}.empty,.icon_image h2{align-items:center;display:flex;justify-content:center;width:100%}.empty{flex-direction:column}.empty img{filter:grayscale(1);opacity:var(--empty-invert);pointer-events:none;-webkit-user-select:none;user-select:none}.empty h3{color:var(--text-muted);font-size:1rem;font-weight:600;margin:0}.empty p{color:#828488;font-size:.825rem;margin:0;max-width:250px;text-align:center}.home_page{left:0;margin:0;position:absolute;top:0;width:100%}.home_page .navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--bg-dull);border-bottom:1px solid var(--border-gray);display:flex;height:59px;justify-content:space-between;left:0;position:relative;top:0;width:100vw;z-index:101}.home_page .navbar .nav_left{align-items:center;display:flex}.home_page .navbar .hamburger_button{align-items:center;display:flex;justify-content:center;margin-right:25px}.home_page .navbar .hamburger_button .hamburger{align-items:center;display:flex;flex-direction:column;height:60px;justify-content:center;margin:0!important;padding:0!important;position:relative}.home_page .navbar .hamburger_button .hamburger span{background-color:var(--text-light);border-radius:1px;height:.125rem!important;margin:0;position:absolute;transition:.3s ease;width:20px}.home_page .navbar .hamburger_button .hamburger span:first-child{top:calc(33.33333% - .04167rem)}.home_page .navbar .hamburger_button .hamburger span:nth-child(2){top:calc(50% - .04167rem)}.home_page .navbar .hamburger_button .hamburger span:nth-child(3){top:calc(66.66667% - .04167rem)}.home_page .navbar .hamburger_button i{transition:.3s ease}.home_page .navbar .hamburger_button .ham_open span{top:calc(50% - .0625rem)!important}.home_page .navbar .hamburger_button .ham_open span:first-child{transform:rotate(45deg)}.home_page .navbar .hamburger_button .ham_open span:nth-child(2){width:0}.home_page .navbar .hamburger_button .ham_open span:nth-child(3){transform:rotate(-45deg)}.home_page .navbar .nav_button{align-items:center;background-color:initial;border:none;border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;font-size:22px;height:40px;justify-content:center;margin-left:10px;margin-right:10px;overflow:hidden;padding:2.5px;width:40px}.home_page .navbar .nav_button>div{height:35px!important;width:35px!important}.home_page .navbar .nav_button:hover{background:var(--hover-shadow)}.home_page .navbar .nav_left .logo{align-items:center;display:flex;justify-content:center;margin-right:10px;overflow:hidden;position:relative;width:auto}.home_page .navbar .nav_left .logo img{filter:invert(var(--logo-invert));height:25px;margin-bottom:-2px}.home_page .navbar .nav_right{align-items:center;display:flex;justify-content:center;margin-right:10px}.home_page .main{display:flex;height:calc(100vh - 60px);overflow-y:hidden}.home_page .main .side_bar{align-items:flex-start;background:var(--bg-dull);border-right:1px solid var(--border-gray);display:flex;flex-direction:column;height:calc(100vh - 60px);justify-content:flex-start;overflow-x:hidden;overflow-y:scroll;position:relative;transition:.3s ease;width:59px;z-index:99}.home_page .main .side_bar .tab{display:flex;margin:5px 0;padding:0 20px}.home_page .main .side_bar .tab i{font-size:18px}.home_page .main .side_bar::-webkit-scrollbar{display:none}.home_page .main .sidebar_open{width:280px}.home_page .main .content{height:calc(100vh - 60px);overflow-x:hidden;overflow-y:hidden;position:relative;transition:.3s ease;width:calc(100vw - 60px);z-index:0}.home_page .main .content_shrink{width:calc(100% - 280px)}.home_page .main .side_bar .class_placeholder{align-items:center;border:1px solid #0000;cursor:pointer;display:flex;height:45px;justify-content:flex-start;margin-bottom:0;margin-top:0;overflow:hidden;padding:0;position:relative;transition:.2s ease;width:100%;width:60px}.home_page .main .side_bar .class_placeholder:hover{border:1px solid #0000}.home_page .main .side_bar .e_space{height:10px}.home_page .main .sidebar_open .class_placeholder{align-items:center;border:1px solid var(--bg-dull);border-radius:30px;cursor:pointer;display:flex;height:45px;justify-content:flex-start;margin:0 5px;overflow:hidden;padding:0;position:relative;width:270px}.home_page .main .sidebar_open .class_placeholder:hover{background-color:rgba(var(--bg),var(--bg-opacity))}.home_page .main .sidebar_open .class_placeholder:hover h1{background:#0000;border:2px solid rgba(var(--bg),var(--bg-opacity))}.home_page .main .side_bar .app_title{display:flex;display:none;height:40px;padding:0 20px}.home_page .main .side_bar .app_title img{filter:invert(var(--logo-invert));height:25px}.home_page .main .side_bar .class_placeholder.active h1{background:rgb(var(--bg));color:#fff;outline:2px solid rgb(var(--bg));width:30px}.home_page .main .side_bar .class_placeholder h1{align-items:center;background:rgba(var(--bg));border:2px solid var(--bg-dull);border-radius:20px;color:#fff;display:flex;font-size:15px;height:30px;justify-content:center;margin:0 0 0 3px;outline:2px solid var(--bg-dull);padding:0;text-align:center;text-transform:uppercase;transition:.1s ease-out;width:30px}.home_page .main .sidebar_open .class_placeholder h1{border:2px solid var(--bg-dull);border-radius:50%;height:30px;margin-left:3px!important;outline:2px solid rgb(var(--bg-dull));width:30px!important}.home_page .main .side_bar .class_placeholder .icon{margin-left:10px;margin-right:12px;padding:0;z-index:10}.home_page .main .side_bar .class_placeholder h2,.home_page .main .side_bar .class_placeholder p{display:none;-webkit-mask-image:linear-gradient(90deg,#fff 150px,#0000);mask-image:linear-gradient(90deg,#fff 150px,#0000)}.home_page .main .side_bar .class_placeholder p{font-size:12px;font-weight:400}.home_page .main .sidebar_open .class_placeholder .class_name{align-items:center;display:flex;flex-direction:column;height:35px;justify-content:center;margin:0;padding:0;z-index:2}.home_page .main .sidebar_open .class_placeholder .class_name h2{word-wrap:break-word;color:var(--tertiary-color);display:block;font-size:.875rem;font-weight:500;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.home_page .main .sidebar_open .class_placeholder .class_name p{word-wrap:break-word;color:var(--text-grayish);display:block;font-size:.6875rem;font-weight:400;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.home_page .main .side_bar .class_title{align-items:center;border:1px solid #0000;border-radius:30px!important;cursor:pointer;display:flex;height:45px;justify-content:flex-start;justify-content:center;overflow:hidden;padding:0;position:relative;transition:.2s ease;width:60px;width:auto}.home_page .main .side_bar .classes{height:400px;overflow-y:scroll}.home_page .main .side_bar .class_title .title{display:none}.home_page .main .side_bar .class_title .icon{align-items:center;color:var(--tertiary-color);display:flex;font-size:18px;justify-content:center;margin-left:14px;margin-right:13px;width:30px}.home_page .main .sidebar_open .class_title.clickable.active{background:var(--bg-blue-tint);color:var(--primary-color)}.home_page .main .side_bar .class_title.clickable.active .icon{align-items:center;background:var(--bg-blue-tint);border-radius:20px;color:var(--primary-color);display:flex;height:40px;justify-content:center;margin-left:9px;margin-right:7px;width:40px}.home_page .main .sidebar_open .class_title.clickable:hover{background-color:var(--border-lighter)}.home_page .main .sidebar_open .class_title.clickable.active:hover{background:var(--bg-blue-tint)}.home_page .main .sidebar_open .class_title{align-items:center;border:1px solid var(--bg-dull);border-radius:0 30px 30px 0;color:var(--tertiary-color);cursor:pointer;display:flex;height:45px;justify-content:flex-start;margin:5px 5px 0;overflow:hidden;padding:0;position:relative;width:270px}.home_page .main .sidebar_open .class_title .title{display:block;margin-left:0}.home_page .overlay{display:none}@media screen and (max-width:690px){.home_page .main .side_bar{border-radius:0 15px 15px 0;box-shadow:0 0 10px #2c2c2c7e;height:100vh;left:-281px;overflow:hidden;position:fixed;top:0;width:280px;z-index:10000000}.home_page .overlay{background:#0000007e;display:none;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999999}.home_page .overlay.overlay_open{display:block}.home_page .main .side_bar .app_title{align-items:center;display:flex;justify-content:space-between;margin-top:20px;width:240px}.home_page .main .side_bar .app_title i{color:var(--tertiary-color);cursor:pointer;font-size:20px}.home_page .main .sidebar_open{left:0}.home_page .main .content{zoom:calc(100vw / 690px);width:100%}}.nav_form{padding:15px 20px 20px}.nav_form .button_group{display:flex}.nav_form .button_group button{margin-right:5px}.dropdown{position:relative}.dropdown .dropdown_content_open~.dropdown_overlay{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:2}.dropdown_content{background:var(--bg-dull);box-shadow:0 0 10px var(--bg-shadow);display:flex;opacity:0;position:absolute;right:-25px;top:-25px;transform:scale(0);transition:.2s ease;width:-webkit-max-content;width:max-content;z-index:101;z-index:10}.dropdown_content_open{border-radius:5px;opacity:1;right:20px;top:40px;transform:scale(1)}.dropdown_content ul{list-style-type:none;margin:0;overflow:hidden;padding:5px 0}.dropdown_content ul li{color:var(--tertiary-color);display:flex;margin:5px 0;position:relative;text-align:left;width:100%}.dropdown_content ul li:hover{background:var(--hover-shadow)}.dropdown_content ul li .link{color:inherit;font-size:15px;font-weight:500;padding:8px 20px 8px 10px;text-align:left;text-decoration:none;width:100%}.dropdown_content ul li button{background-color:initial;border:none;cursor:pointer}.dropdown_content ul li i{margin-left:5px;margin-right:20px}.modal_secondary .selector{height:-webkit-max-content!important;height:max-content!important;max-height:calc(100vh - 100px)!important;max-width:400px!important;min-height:0!important;position:relative}.modal_secondary .overlay .close_area{bottom:0;left:0;position:absolute;right:0;top:0}.modal_secondary .overlay{align-items:center;background:#0000;display:none;height:100vh;justify-content:center;opacity:1;position:fixed;right:0;top:60px;transition:.3s ease;width:100%;z-index:1000000}.modal_secondary .selector{background:var(--gray-100);border-radius:10px;display:flex;flex-direction:column;height:60vh;margin-bottom:60px;max-width:500px;min-height:400px;opacity:0;overflow:hidden;position:relative!important;transform:scale(.9);transition:.3s ease;width:calc(100% - 30px);z-index:1200}.modal_secondary .selector .nav_tab{border-bottom:1px solid var(--border-lighter);display:flex;justify-content:space-between;padding:15px 20px 10px}.modal_secondary .selector .nav_tab .title{color:var(--text-color);font-size:15px;text-transform:capitalize}.modal_secondary .selector .nav_tab .close_button{align-items:center;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;margin:0;transform:scale(1.3);width:20px;z-index:50}.modal_secondary .selector .nav_tab .close_button:hover{background:var(--bg-muted)}.modal_secondary .selector .content_modal{height:100%;overflow-y:scroll}.btn_secondary:disabled,.btn_secondary:disabled:focus{background:var(--gray-600)!important;cursor:not-allowed!important}.btn_secondary:disabled:focus{opacity:1!important}.input-field_sec{background-color:var(--bg-lighter);border-radius:5px;display:flex;flex-direction:column;height:100%;margin-bottom:20px;min-width:100px;position:relative;width:100%}.input-field_sec input{background:#0000;border:none;border-bottom:1px solid var(--border-lighter);border:solid var(--border-lighter);border-radius:5px;border-width:1px 1px 2px;color:var(--text-color);font-size:14px;font-weight:400!important;outline:none;padding:22px 12px 10px 15px;position:relative;transition:.2s ease;z-index:1}.input-field_sec input:focus~label{color:var(--primary-color);font-size:10px!important;top:15px!important;z-index:0!important}.input-field_sec input:focus{border-bottom:2px solid var(--primary-color)}.input-field_sec input:placeholder-shown::placeholder{opacity:0}.input-field_sec input:focus::placeholder{opacity:1}.input-field_sec input:placeholder-shown~label{font-size:14px;top:50%;z-index:0}.input-field_sec label{bottom:50%;color:var(--text-light);font-size:10px;font-weight:500;height:-webkit-fit-content;height:fit-content;left:10px;padding:0 5px;position:absolute;top:15px;transform:translateY(-50%);transition:.2s ease;z-index:0}.text-area{background-color:var(--bg-lighter);border-radius:5px;display:flex;flex-direction:column;height:100%;margin-bottom:20px;position:relative}.text-area textarea{background:#0000;border:none;border-bottom:1px solid var(--border-lighter);border:solid var(--border-lighter);border-radius:5px;border-width:1px 1px 2px;color:var(--text-color);font-family:inherit;font-size:14px;font-weight:500!important;min-height:15px;outline:none;padding:22px 12px 5px 15px;position:relative;resize:none;transition:.2s ease;z-index:1}.text-area textarea:focus~label{color:var(--primary-color);font-size:10px!important;top:15px!important;z-index:0!important}.text-area textarea:focus{border-bottom:2px solid var(--primary-color)}.text-area textarea:placeholder-shown::placeholder{opacity:0}.text-area textarea:focus::placeholder{opacity:1}.text-area textarea:placeholder-shown~label{font-size:14px;top:20px;z-index:0}.text-area label{bottom:20px;color:var(--text-light);font-size:10px;font-weight:500;height:-webkit-fit-content;height:fit-content;left:10px;padding:0 5px;position:absolute;top:15px;transform:translateY(-50%);transition:.2s ease;z-index:0;z-index:1000}.classroom_page{align-items:center;display:flex;flex-direction:column;overflow-y:auto;width:100%}.navigation.visible{display:block}.navigation{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--bg-dull);border-bottom:1px solid var(--border-gray);display:none;height:46px!important;left:0;position:-webkit-sticky;position:sticky;top:0;transition:.3s ease;width:100vw;z-index:100000}.navigation::-webkit-scrollbar{display:none}.navigation.open{left:280px;width:calc(100vw - 280px)}.navigation .tabs{align-items:center;display:flex;height:100%;list-style-type:none;margin:0;overflow:scroll;padding:0 0 0 15px}.navigation .tabs::-webkit-scrollbar{display:none}.navigation .tabs .tab{align-items:center;border-radius:20px;cursor:pointer;display:flex;font-size:15px;height:30px;justify-content:center;margin-right:5px;padding:0 10px;position:relative;transition:.2s ease;white-space:nowrap}.navigation .tabs .tab:after{background:var(--primary-color);border-radius:10px 10px 0 0;bottom:0;content:"";height:3px;margin-bottom:-8px;position:absolute;transform:scale(0);transition:.2s ease;width:20px}.navigation .tabs .tab i{margin-right:5px}.navigation .tabs .tab .tab_link{align-items:center;color:var(--tertiary-color);display:flex;height:100%;justify-content:center;text-decoration:none}.navigation .tabs .tab.active:after{transform:scale(1);width:calc(100% - 20px)}.navigation .tabs .tab.active{background:var(--bg-blue-tint)}.navigation .tabs .tab.active span{display:block}.navigation .tabs .tab.active .tab_link{color:var(--primary-color);font-weight:600}.navigation .tabs .tab:hover:after{transform:scale(1)}.navigation .tabs .tab .tab_link:hover{color:var(--primary-color)}.classroom_page .main_content{margin-top:20px;max-width:54.5rem;padding-bottom:200px;width:calc(100% - 30px)}.classroom_page .main_content .banner{align-items:end;background-position:50%;background-size:cover;border-radius:10px;display:flex;height:13rem;justify-content:start;position:relative;width:100%}.classroom_page .main_content .banner .banner_info{fill:#fff;align-items:center;border-radius:50%;bottom:10px;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:3px;position:absolute;right:15px}.classroom_page .main_content .banner .banner_info:hover{background:#0000064f}.classroom_page .main_content .banner.banner_active{border-radius:10px 10px 0 0}.classroom_page .main_content .banner h1{color:#fff;font-size:30px;margin:0;padding:20px;position:relative}@media screen and (max-width:640px){.classroom_page .main_content .banner{background-position:50%;background-size:cover;border-radius:10px;height:10rem;width:100%}.classroom_page .main_content .banner h1{font-size:25px}.navigation ul{justify-content:center}.navigation,.navigation.open{left:0;width:100vw}}.classroom_page .main_content .classroom_info.active{display:block}.classroom_page .main_content .announcement_section{align-items:center;background:var(--bg-faint  );border-radius:10px;box-shadow:0 0 5px var(--bg-shadow);display:flex;height:auto;justify-content:space-between;margin-top:15px;padding:10px;width:calc(100% - 20px)}.classroom_page .main_content .announcement_section .announce_button{align-items:center;cursor:pointer;display:flex;padding:6px;width:100%}.classroom_page .main_content .announcement_section .announce_button:hover .text{color:var(--text-color)}.classroom_page .main_content .announcement_section .announce_button .text{color:var(--text-muted);font-size:.775rem;font-weight:500;margin-left:15px}.classroom_page .main_content .announcement_section .announce_button .icon{height:2.5rem;width:2.5rem}.announce_form{padding:20px;width:calc(100% - 40px)}.announce_form .title{color:var(--text-color);font-size:1.125rem;font-weight:500;margin-bottom:10px}.announce_form .btn_group{display:flex;justify-content:flex-end}.classroom_page .main_content .announcement_section .announcement_btn_settings:hover{background:var(--skeleton-light)}.classroom_page .main_content .classroom_cards{display:flex;flex-direction:column;gap:20px;margin-top:15px}.classroom_page .main_content .classroom_cards .classroom_card{background-color:var(--bg-faint);border:1px solid var(--border-light);border-radius:10px;cursor:pointer;width:calc(100% - 2px)}.classroom_page .main_content .classroom_cards .classroom_card:hover{background:var(--bg-muted)}.classroom_page .main_content .classroom_cards .classroom_card .tag{margin-right:5px}.classroom_page .main_content .classroom_cards .classroom_card .tag i{margin:0 3px}.classroom_page .main_content .classroom_cards .classroom_card .creator_info{display:flex;margin-top:10px;padding:5px 15px 0}.classroom_page .main_content .classroom_cards .classroom_card .creator_info.ra{margin-top:0;padding:15px}.classroom_page .main_content .classroom_cards .classroom_card .creator_info .icon_image{height:2.5rem;width:2.5rem}.classroom_page .main_content .classroom_cards .classroom_card .creator_info .info{margin-left:10px;width:calc(100% - 50px)}.classroom_page .main_content .classroom_cards .classroom_card .creator_info .info h3{color:var(--text-color);font-size:.875rem;margin:0}.classroom_page .main_content .classroom_cards .classroom_card .creator_info .info p{color:var(--text-muted);font-size:.75rem;font-weight:500;margin:0}.classroom_page .main_content .classroom_cards .classroom_card .body{padding:0 15px 10px;position:relative}.classroom_page .main_content .classroom_cards .classroom_card .body h4{color:var(--text-color);font-size:.925rem;margin:5px 0 0}.classroom_page .main_content .classroom_cards .classroom_card .body p{color:var(--text-muted);font-size:.8125rem;font-weight:500;margin:5px 0 0;white-space:pre-wrap;width:100%}.classroom_page .main_content .classroom_cards .classroom_card .due_date{color:var(--text-muted);font-size:12px;font-weight:500;margin:10px 0 0;padding:0 20px}.classroom_page .main_content .classroom_cards .classroom_card .comment{align-items:center;background:#f5f5f5;background-size:1000%;border-radius:0 0 10px 10px;border-top:1px solid silver;display:flex;height:40px;margin-top:-15px;padding:0 20px}.classroom_page .main_content .classroom_cards .classroom_card .comment button{background:#0000;border:none;color:var(--text-muted);font-size:15px;font-weight:500}.skeleton_classroom_card .tags .tag{height:15px!important;width:50px!important}.skeleton_classroom_card .creator_info .ske_icon,.skeleton_classroom_card .tags .tag{animation:var(--skeleton-animation);background:var(--skeleton-background);background-position:100%;background-size:220%}.skeleton_classroom_card .creator_info .ske_icon{border-radius:50%;height:35px;width:35px}.skeleton_classroom_card .creator_info .ske_info{height:35px;margin-left:10px;width:80px!important}.skeleton_classroom_card .creator_info .ske_info h3{animation:var(--skeleton-animation);background:var(--skeleton-background);background-position:100%;background-size:220%;border-radius:20px;height:12px;margin:3px 0 0}.skeleton_classroom_card .creator_info .ske_info p{height:12px;margin:5px 0 0;width:calc(100% - 10px)}.skeleton_classroom_card .body h4,.skeleton_classroom_card .creator_info .ske_info p{animation:var(--skeleton-animation);background-position:100%;background-size:220%!important;background:var(--skeleton-background);border-radius:20px}.skeleton_classroom_card .body h4{height:20px;width:100%}.skeleton_classroom_card .body p{animation:var(--skeleton-animation);background-position:100%;background-size:220%!important;background:var(--skeleton-background);border-radius:20px;height:10px;width:calc(100% - 20px)!important}.skeleton_classroom_card .body p:nth-child(3){width:calc(100% - 50px)!important}.skeleton_classroom_card .body p:nth-child(4){width:calc(100% - 30px)!important}.skeleton_classroom_card:hover{background:none!important;pointer-events:none!important}.ra_page{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 60px);overflow-y:scroll;position:relative;width:100%}.ra_page .main_content{padding-bottom:80px}.attendance_list{height:calc(100% - 20px);overflow-y:scroll;padding-bottom:57px}.attendance_list .attendance_box:last-child{border-bottom:none}.attendance_list .attendance_box{border-bottom:1px solid var(--border-gray);cursor:pointer;display:flex;padding:10px 20px}.attendance_list .attendance_box:hover{background:var(--bg-lighter)}.attendance_list .attendance_box .left{align-items:center;display:flex;position:relative;width:calc(100% - 50px)}.attendance_list .attendance_box:hover .left:after{background:linear-gradient(to left,var(--bg-light),#0000)}.attendance_list .attendance_box .left:after{background:linear-gradient(to left,var(--gray-100),#0000);content:"";height:100%;position:absolute;right:0;top:0;width:10px}.attendance_list .attendance_box .left .icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:20px;height:35px;justify-content:center;margin-right:10px;width:35px}.attendance_list .attendance_box .left .info{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;justify-content:center;overflow:hidden;width:calc(100% - 45px)}.attendance_list .attendance_box .left .info h3{color:var(--text-color);font-size:.9rem;font-weight:600;margin:0;width:1000px}.attendance_list .attendance_box .left .info p{color:var(--text-muted);font-size:.8rem;font-weight:500;margin:-3px 0 0;width:1000px}.attendance_list .attendance_box .right{align-items:center;color:var(--text-muted);display:flex;margin-left:auto;width:50px}.attendance_list .button_group{background:var(--gray-100);bottom:0;left:0;padding:10px 20px;z-index:100}.attendance_list .button_group,.ra_page .main_content .ra_bottom_bar{border-top:1px solid var(--border-gray);display:flex;position:fixed;right:0}.ra_page .main_content .ra_bottom_bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--bg-dull);justify-content:flex-end;padding:10px 0;top:calc(100vh - 55px);width:100vw;z-index:999}.ra_page .main_content .ra_bottom_bar button.btn_border_left{margin-right:20px;position:relative}.ra_page .main_content .ra_bottom_bar button.btn_border_left:after{background:silver;content:"";height:60%;position:absolute;right:-14px;top:20%;width:1px}.ra_page .main_content .ra_bottom_bar button{border:none;margin:0 5px}.ra_page .main_content .ra_bottom_bar button:last-child{margin-right:20px!important}.ra_page .main_content .top_content{height:-webkit-max-content;height:max-content;width:100%}.ra_page .main_content .mid_content{margin-bottom:15px}.ra_page .main_content .mid_content p{color:var(--text-color);font-size:.9025rem;font-weight:500;white-space:pre-wrap}.ra_page .main_content .mid_content .attachments h3{color:var(--text-color);font-size:15px}.ra_page .main_content .mid_content .attachments .data{display:flex;flex-wrap:wrap;gap:10px}.ra_page .main_content .mid_content .attachments .attachment_item{border:1px solid var(--border-gray);border-radius:20px;color:var(--text-color);cursor:pointer;display:flex;font-size:12px;margin-bottom:5px;margin-right:5px;text-decoration:none;width:-webkit-fit-content;width:fit-content}.ra_page .main_content .mid_content .attachments .attachment_item:hover{background:var(--bg-dull)}.ra_page .main_content .mid_content .attachments .attachment_item .attachment{border:none;display:flex;margin:0;padding:5px 10px}.ra_page .main_content .mid_content .attachments .attachment_item .attachment:hover{background:#0000}.ra_page .main_content .mid_content .attachments .attachment_item .delete_btn{align-items:center;background:silver;border-radius:0 20px 20px 0;display:flex;justify-content:center;margin-left:0;width:30px}.ra_page .main_content .mid_content .attachments .attachment{border:1px solid silver;border-radius:20px;color:var(--text-color);cursor:pointer;display:flex;font-size:12px;margin-bottom:5px;margin-right:5px;padding:5px 10px;text-decoration:none;width:-webkit-fit-content;width:fit-content}.ra_page .main_content .mid_content .attachments .attachment:hover{background:var(--bg-dull)}.ra_page .main_content .mid_content .attachments .attachment i{margin-right:5px}.ra_page .main_content .header .icon i{background-color:rgb(var(--bg))}.ra_page .main_content .header{align-items:flex-start;display:flex;margin-bottom:15px;position:relative}.ra_page .main_content .attendance_button button{background-color:rgb(var(--bg));border-radius:20px}.ra_page .main_content .mid_content .inputs{display:flex;gap:15px;margin-bottom:-20px}.ra_page .main_content .tags{display:flex}.ra_page .main_content .tags .tag{background-color:rgb(var(--bg));border-radius:20px;color:#fff;font-size:12px;font-weight:500;padding:4px 10px}.ra_page .main_content .tags .tag i{margin-right:3px}.ra_page .main_content .header .icon i{align-items:center;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;width:30px}.ra_page .main_content .header .info .title{align-items:start;color:var(--text-color);display:flex;font-size:25px;font-weight:500;margin-left:10px;margin-top:-5px;width:100%}.ra_page .main_content .header .info .creator_info{align-items:start;display:flex;margin-left:10px;margin-top:-2px}.ra_page .main_content .header .info .assignment_info{margin-left:10px}.ra_page .main_content .header .info .assignment_info h3{color:var(--text-color);font-size:.875rem;margin:0}.ra_page .main_content .header .info .assignment_info p{color:var(--text-muted);font-size:.75rem;font-weight:500;margin:0}.ra_page .main_content .header .icon .icon_image{height:30px;width:30px}.ra_page .main_content .header .info .creator_info .info h3{color:var(--text-color);font-size:.875rem;margin:0}.ra_page .main_content .header .info .creator_info .info p{color:var(--text-muted);font-size:.75rem;font-weight:500;margin:0}.ra_page .main_content.skeleton .header .icon{animation:var(--skeleton-animation);border-radius:50%;height:30px;width:30px}.ra_page .main_content.skeleton .header .info .title{animation:var(--skeleton-animation);border-radius:20px;height:35px;max-width:60vw;width:250px}.ra_page .main_content.skeleton .header .icon span{animation:var(--skeleton-animation);height:35px;width:35px}.ra_page .main_content.skeleton .header .info h3{animation:var(--skeleton-animation);border-radius:20px;height:15px;width:100px}.ra_page .main_content.skeleton .header .info p{animation:var(--skeleton-animation);border-radius:20px;height:10px;margin-top:5px!important;width:120px}.ra_page .main_content.skeleton .header .info .assignment_info h3{animation:var(--skeleton-animation);height:15px;width:100px}.ra_page .main_content.skeleton .mid_content p{animation:var(--skeleton-animation);border-radius:20px}.ra_page .main_content.skeleton .mid_content p:nth-child(2){width:90%}.ra_page .main_content.skeleton .mid_content p:nth-child(3){width:70%}.ra_page .main_content .bottom_content .queries .query_card{display:flex;margin-bottom:10px;margin-top:10px;position:relative}.ra_page .main_content .bottom_content .queries .query_options{align-items:start;display:flex;flex-direction:column;width:30px;z-index:10}.ra_page .main_content .bottom_content .title{color:var(--text-color)}.query_icon,.ra_page .main_content .bottom_content .queries .query_options .query_option{align-items:center;background:var(--skeleton-light);border:1px solid var(--border-light);border-radius:50%;color:var(--text-color);cursor:default;display:flex;font-size:16px;height:22px;justify-content:center;margin-bottom:3px;width:22px}.ra_page .main_content .bottom_content .queries .query_options .query_option{cursor:pointer;font-size:12px;transform:scale(0);transition:.1s ease}.ra_page .main_content .bottom_content .queries .query_card:hover .query_option{transform:scale(1)}.ra_page .main_content .bottom_content .queries .query_card .query{border-bottom:1px solid var(--skeleton-light);min-height:75px!important;padding-bottom:5px;width:100%}.ra_page .main_content .bottom_content .queries .query_card .query_question div h3{color:var(--text-color);font-size:.925rem;margin:0;padding:0}.ra_page .main_content .bottom_content .queries .query_card .query_question div p{color:var(--text-muted);font-size:.825rem;font-weight:500;margin:0;white-space:pre-wrap}.ra_page .main_content .bottom_content .queries .query_card .query_question .query_time{color:var(--text-muted);font-size:.75rem;font-weight:500;margin:0}.ra_page .main_content .bottom_content .queries .query_card .query_solution{align-items:start;background:var(--bg-dull);border:1px solid var(--skeleton-light);border-radius:10px;display:flex;flex-direction:column;margin-top:5px;padding:5px 10px}.ra_page .main_content .bottom_content .queries .query_card .query_solution .student_info{align-items:center;display:flex;margin-left:-39px}.ra_page .main_content .bottom_content .queries .query_card .query_solution .student_info .icon{height:24px;margin-right:5px;width:24px}.ra_page .main_content .bottom_content .queries .query_card .query_solution .student_info .name{color:var(--text-color);font-size:.925rem;font-weight:500;margin-left:10px}.ra_page .main_content .bottom_content .queries .query_card .query_solution .student_info .date{color:var(--text-muted);font-size:.725rem;font-weight:500;margin-left:5px}.ra_page .main_content .bottom_content .queries .query_card .query_solution .reply p{color:var(--text-muted);font-size:.825rem;font-weight:500;margin:0}.ra_page .main_content .bottom_content .attachments h3{color:var(--text-color);font-size:15px}.ra_page .main_content .bottom_content .attachments .data{display:flex;flex-wrap:wrap}.ra_page .main_content .bottom_content .attachments .attachment{border:1px solid var(--border-gray);border-radius:20px;color:var(--text-color);cursor:pointer;display:flex;font-size:12px;margin-bottom:5px;margin-right:5px;padding:5px 10px;text-decoration:none;width:-webkit-fit-content;width:fit-content}.ra_page .main_content .bottom_content .attachments .attachment:hover{background:var(--bg-dull)}.ra_page .main_content .bottom_content .attachments .attachment i{margin-right:5px}.classroom_settings_page{align-items:center;display:flex;flex-direction:column;position:relative;width:100%}.classroom_settings_page .main_content{display:flex;flex-direction:column;margin-top:10px;max-width:54.5rem;position:relative;width:calc(100% - 30px)}.settings_navbar{align-items:center;border:none;border-bottom:1px solid var(--border-gray);display:flex;height:50px;justify-content:start;margin:0 auto;max-width:54.5rem;padding:0 15px;position:-webkit-sticky;position:sticky;right:0;top:45px;width:calc(100% - 30px);z-index:1000}.settings_navbar h2{align-items:center;color:var(--tertiary-color);cursor:pointer;display:flex;font-weight:600;margin:0}.settings_navbar h2:hover i{margin-left:-5px;margin-right:15px}.settings_navbar h2 i{font-size:18px;margin-right:10px;transition:.3s ease}.classroom_settings_page .main_content .header p{color:var(--text-muted);font-size:.675rem;font-weight:500;margin:10px 0 0}.classroom_settings_page .main_content .settings_content .input{width:100%}.classroom_settings_page .main_content .settings_content .input p{color:var(--text-muted);font-size:10px;font-weight:500;margin-top:-15px;text-align:right;width:100%}.classroom_settings_page .main_content .settings_content .submit_area{display:flex;justify-content:start;margin-top:15px}.classroom_settings_page .main_content .settings_content .submit_area button{border:none;border-radius:5px;cursor:pointer;font-size:.875rem;font-weight:500;margin-right:5px;padding:8px 15px;text-transform:capitalize}.classroom_settings_page .main_content .settings_content .submit_area button:first-child{background:#dfe0ff;color:var(--primary-color)}.classroom_settings_page .main_content .settings_content .submit_area button:last-child{align-items:center;background:var(--primary-color);color:#fff;display:flex;justify-content:center;width:60px}.add_content_page{background:var(--error);height:50px;max-width:54.5rem;width:calc(100% - 30px)}.classroom_class_content{align-items:start;display:flex;flex-direction:column;justify-content:flex-start;margin-top:20px;max-width:54.5rem;padding-bottom:100px;position:relative;width:calc(100% - 30px)}.classroom_class_content .class_division{margin-bottom:30px;width:100%}.classroom_class_content .class_division h2{border-bottom:.0625rem solid var(--border-light);color:var(--text-color);margin:0;padding-bottom:10px;width:inherit}.classroom_class_content .class_division .persons{width:inherit}.classroom_class_content .class_division .persons .card{align-items:center;border-bottom:.0625rem solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;line-height:50px;padding:0 10px;width:calc(inherit - 10px)}.classroom_class_content .class_division .persons .card .part{align-items:center;display:flex;height:100%}.classroom_class_content .class_division .persons .card:hover{background:var(--bg-dull)}.classroom_class_content .class_division .persons .card .profile_icon{align-items:center;display:flex;height:35px;justify-content:center;margin-right:15px;width:35px}.classroom_class_content .class_division .persons .card .name{color:var(--text-color);font-weight:500;text-transform:capitalize}.classroom_class_content .class_division .persons .card .buttons{display:flex}.classroom_class_content .class_division .persons .card .view_button{align-items:center;border-radius:50%;color:var(--text-color);display:flex;font-size:20px;height:40px;justify-content:center;width:40px}.classroom_class_content .class_division .persons .card .buttons .profile_dropdown{padding:10px 0}.classroom_class_content .class_division .persons .card .buttons .profile_dropdown .dropdown_item{align-items:center;color:var(--text-muted);display:flex;font-weight:500;height:40px;padding:0 10px}.classroom_class_content .class_division .persons .card .buttons .profile_dropdown .dropdown_item i{display:flex;justify-content:center;margin-right:10px;width:25px}.classroom_class_content .class_division .persons .card .buttons .profile_dropdown .dropdown_item:hover{background:var(--hover-shadow)}.stream_loader{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.stream_loader span{zoom:1.4;border-color:rgb(var(--bg));border-top:2px solid #0000}.classroom_class_content .class_division .persons .card .buttons .profile_dropdown .dropdown_item:last-child:hover{color:var(--error)}.classroom_class_content .class_division .persons .card .view_button:hover{background:var(--border-lighter)}.class_division.skeleton .persons .card .part .profile_icon{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:50%;height:30px;width:30px}.class_division.skeleton .persons .card .part .name{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:20px;height:18px;width:100px}.classroom_class_content .user_profile_modal{display:flex;flex-direction:column;padding:10px 20px;position:relative}.classroom_class_content .user_profile_modal .user_icon{height:60px;position:relative;width:60px}.classroom_class_content .user_profile_modal .user_avatar{align-items:center;display:flex;justify-content:center;margin-bottom:10px;width:100%}.classroom_class_content .user_profile_modal .user_info_content{border-top:1px solid var(--border-light);margin-top:5px;padding-top:5px}.classroom_class_content .user_profile_modal .user_info_content p{align-items:center;color:var(--text-muted);display:flex;font-size:.825rem;font-weight:500;margin:0 0 3px}.classroom_class_content .user_profile_modal .user_info_content p.tag{color:var(--text-color);font-weight:600;text-transform:capitalize}.classroom_class_content .user_profile_modal .user_info_content p i{color:var(--text-color);display:flex;justify-content:center;margin-left:-5px;width:30px}.classroom_class_content .user_profile_modal .user_info_content p span{color:var(--text-muted);display:flex;font-size:.825rem;font-weight:500;margin:0;width:calc(100% - 20px)}.assignment_submissions{height:calc(100vh - 107px);overflow:hidden;width:100%}.assignment_submissions .as_content{display:flex;height:calc(100vh - 107px);width:100%}.assignment_submissions .as_content .lists{border-right:1px solid var(--border-light);display:flex;flex-direction:column;height:100%;overflow-y:scroll;width:300px}.assignment_submissions .as_content .lists .student_card{align-items:center;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;padding:10px 15px;width:calc(100% - 30px)}.assignment_submissions .as_content .lists .student_card .student_info{align-items:center;display:flex}.assignment_submissions .as_content .lists .student_card:hover{background:var(--bg-dull)}.assignment_submissions .as_content .lists .student_card .student_info .icon{height:35px;margin-right:10px;position:relative;width:35px}.assignment_submissions .as_content .lists .student_card .student_info .icon .status{border:2px solid var(--bg-light);border-radius:50%;height:8px;position:absolute;right:-2px;top:-1px;width:8px;z-index:100}.assignment_submissions .as_content .lists .student_card:hover .student_info .icon .status{border:2px solid var(--bg-dull)}.assignment_submissions .as_content .lists .student_card .student_info .icon .status.orange{background:orange}.assignment_submissions .as_content .lists .student_card .student_info .icon .status.red{background:red}.assignment_submissions .as_content .lists .student_card .student_info .icon .status.green{background:#0f0}.assignment_submissions .as_content .lists .student_card .student_info .name{color:var(--text-color);display:flex;flex-direction:column;justify-content:center}.assignment_submissions .as_content .lists .student_card .student_info .name h3{font-size:1.025rem;margin:0}.assignment_submissions .as_content .lists .student_card .student_info .name p{color:var(--text-muted);font-size:.825rem;font-weight:500;margin:-3px 0 0}.assignment_submissions .as_content .lists .student_card.header{align-items:flex-start;background-color:var(--bg-lightest);cursor:default;flex-direction:column;height:auto;padding-bottom:20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.assignment_submissions .as_content .lists .student_card.header h3{color:var(--text-color);margin:0 0 15px}.assignment_submissions .as_content .lists .student_card.header:hover{background:var(--bg-lightest)}.assignment_submissions .as_content .submissions .default_page{padding:20px}.assignment_submissions .as_content .submissions .default_page .submission_title{margin-top:-20px}.assignment_submissions .as_content .submissions .default_page .submission_title h3{color:var(--text-color)}.assignment_submissions .as_content .submissions .default_page .submission_title h3 i{margin-right:5px}.assignment_submissions .as_content .submissions .default_page .submission_statistics{display:flex;flex-wrap:wrap;gap:10px}.assignment_submissions .as_content .submissions .default_page .submission_statistics .card{align-items:flex-start;background:var(--bg-lighter);background-color:var(--bg-faint);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 0 10px 0 #0000001a;cursor:pointer;display:flex;padding:15px;transition:.3s ease}.assignment_submissions .as_content .submissions .default_page .submission_statistics .card:hover{box-shadow:0 0 10px 0 #0003}.assignment_submissions .as_content .submissions .default_page .submission_statistics .card h3{color:var(--text-muted);font-size:1rem;font-weight:500;margin:0;text-align:left}.assignment_submissions .as_content .submissions .default_page .submission_statistics .card h1{color:var(--text-color);font-size:2rem;font-weight:700}.assignment_submissions .as_content .submissions .default_page .submission_statistics .card h1 span{color:var(--text-muted);font-size:20px;font-weight:500}.assignment_submissions .as_content .submissions .default_page .submission_statistics .card h1 span.non_h1{color:var(--text-color)}.assignment_submissions .as_content .submissions .default_page .submission_statistics .card p{color:var(--text-muted);font-size:.825rem;font-weight:400;margin:-5px 0 0}.assignment_submissions .as_content .submissions .default_page .submission_statistics .card .icon{align-items:center;background:var(--bg-blue-tint);border-radius:50%;color:var(--primary-color);display:flex;font-size:1.3rem;height:50px;justify-content:center;margin-left:40px;width:50px}.assignment_submissions .as_content .submissions .default_page .submission_title.instructions h4{color:var(--text-color);font-weight:500}.assignment_submissions .as_content .submissions .default_page .submission_title.instructions{margin-top:20px}.assignment_submissions .as_content .submissions .default_page .submission_title.instructions p{color:var(--text-color);font-size:.825rem;font-weight:400;margin:0}.assignment_submissions .as_content .submissions .default_page .submission_title.instructions p span{background:var(--error);border-radius:50%;display:inline-block;height:12px;margin-right:10px;width:12px}.assignment_submissions .as_content .submissions .default_page .submission_title.instructions p span.orange{background:orange}.assignment_submissions .as_content .submissions .default_page .submission_title.instructions p span.red{background:var(--error)}.assignment_submissions .as_content .submissions .default_page .submission_title.instructions p span.green{background:#0f0}.assignment_submissions .as_content .submissions{width:calc(100% - 300px)}.assignment_submissions .as_content .submissions .submission_page{height:500px;position:relative;width:100%}.assignment_submissions .as_content .submissions .submission_page .submission_navbar{align-items:center;background:var(--bg-lightest);border-bottom:1px solid var(--border-light);display:flex;height:50px;position:-webkit-sticky;position:sticky;top:0;width:100%}.assignment_submissions .as_content .submissions .submission_page .submission_navbar .back{color:var(--text-muted);cursor:pointer;font-size:18px;margin-left:15px;transition:.3s ease}.assignment_submissions .as_content .submissions .submission_page .submission_navbar .back:hover{margin-left:12px;margin-right:3px}.assignment_submissions .as_content .submissions .submission_page .submission_navbar>div{align-items:center;display:flex}.assignment_submissions .as_content .submissions .submission_page .submission_navbar .user_icon{height:35px;margin-left:15px;width:35px}.assignment_submissions .as_content .submissions .submission_page .submission_navbar .user_info{display:flex;flex-direction:column;justify-content:center}.assignment_submissions .as_content .submissions .submission_page .submission_navbar .user_info h3{color:var(--text-color);font-size:1rem;font-weight:600;margin:0 0 0 10px}.assignment_submissions .as_content .submissions .submission_page .submission_navbar .user_info p{color:var(--text-muted);font-size:.825rem;font-weight:500;margin:-3px 0 0 10px}.assignment_submissions .as_content .submissions .submission_page .submission_content{height:calc(100vh - 197px);overflow-x:hidden;overflow-y:scroll;padding:20px}.assignment_submissions .as_content .submissions .submission_page .submission_content .submission_info h3{color:var(--text-color);font-size:1rem;font-weight:600;margin:0}.assignment_submissions .as_content .submissions .submission_page .submission_content .submission_info p{color:var(--text-muted);font-size:.825rem;font-weight:500;margin:-3px 0 0}.assignment_submissions .as_content .submissions .submission_page .submission_content .submission_file .files{display:flex;flex-wrap:wrap;gap:10px}.resource_doubts{max-width:54.5rem;width:calc(100% - 30px)}.resource_doubts .header h3{color:var(--text-color)}.resource_doubts .doubts{width:100%}.resource_doubts .doubts .doubt{background-color:var(--bg-faint);border:1px solid var(--border-light);border-radius:5px;cursor:pointer;margin-bottom:10px;padding:10px 15px;width:calc(100% - 30px)}.resource_doubts .doubts .doubt:hover{background:var(--bg-dull)}.resource_doubts .doubts .doubt .student_info{align-items:center;display:flex}.resource_doubts .doubts .doubt .student_info .student_icon{height:20px;margin-right:5px;width:20px}.resource_doubts .doubts .doubt .student_info .student_name{color:var(--text-color);font-size:.825rem;font-weight:500}.resource_doubts .doubts .doubt .student_info .doubt_date{color:var(--text-muted);font-size:.625rem;font-weight:500;margin-left:5px}.resource_doubts .doubts .doubt .student_info .add_text{color:var(--text-muted);font-size:.625rem;margin:0 3px 0 0}.resource_doubts .doubts .doubt .doubt_content{margin:5px 0 0}.resource_doubts .doubts .doubt .doubt_content h4{color:var(--text-color);font-size:.925rem;font-weight:500;margin:0}.resource_doubts .doubts .doubt .doubt_content p{color:var(--text-muted);font-size:.725rem;font-weight:500;margin:0}.resource_doubts .doubts .doubt .doubt_reply{display:flex;margin-top:5px}.resource_doubts .doubts .doubt .doubt_reply .tag{display:flex}.resource_doubts .doubts .doubt .doubt_reply .tag p{align-items:center;background-color:#ff00001c;border:1px solid var(--error);border-radius:20px;color:var(--error);display:flex;font-size:10px;font-weight:500;justify-content:center;margin:0;padding:2px 5px}.resource_doubts .doubts .doubt .doubt_reply .tag p.active{background-color:#00ff001c;border-color:#00a100;color:#00a100}.resource_doubts .doubts .doubt .doubt_reply .solver_info{margin-left:5px}.resource_doubts .doubts .doubt .doubt_reply .solver_info .student_icon{height:18px;width:18px}.resource_doubts .doubts .doubt .doubt_reply .solver_info .student_name{color:var(--text-color);font-size:.725rem;font-weight:500}.doubt_modal .doubt_content{color:var(--text-muted);font-size:.825rem;font-weight:500;padding:5px 20px}.doubt_modal .student_info{align-items:center;border-bottom:1px solid var(--border-light);display:flex;margin-bottom:5px;padding:0 20px 5px}.doubt_modal .student_info .icon{height:18px;width:18px}.doubt_modal .student_info .student_name{color:var(--text-color);display:flex;flex-direction:column;font-size:.725rem;font-weight:500;margin:0 0 0 5px}.doubt_modal .student_info .date{color:var(--text-muted);font-size:.625rem;font-weight:500;margin:0 0 0 5px}.doubt_modal .doubt_reply{height:-webkit-max-content;height:max-content;margin-top:20px;padding:0 20px}.doubt_modal .doubt_reply textarea{color:var(--text-color)}.doubt_modal .button_group{display:flex;margin-top:-25px;padding:20px}.skeleton_doubt{height:90px;pointer-events:none}.skeleton_doubt .student_icon{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:50%;height:18px;width:18px}.skeleton_doubt .student_info{align-items:center;display:flex;margin-top:5px}.skeleton_doubt .student_info .student_name{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:10px;height:.825rem;width:80px}.skeleton_doubt .student_info .doubt_date{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:5px;height:.625rem;width:60px}.skeleton_doubt .doubt_content h4{border-radius:10px;height:.825rem;margin-bottom:5px!important;width:calc(100% - 50px)}.skeleton_doubt .doubt_content h4,.skeleton_doubt .doubt_content p{animation:var(--skeleton-animation);background:var(--skeleton-background)}.skeleton_doubt .doubt_content p{border-radius:5px;height:.625rem;margin-bottom:2px!important;width:calc(100% - 80px)}.skeleton_doubt .doubt_content p:nth-child(2){width:calc(100% - 60px)}.skeleton_doubt .doubt_reply{height:20px!important}.skeleton_doubt .doubt_reply .tag{align-items:center;animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:20px;display:flex;font-weight:500;height:10px;justify-content:center;margin:0;padding:2px 5px;width:50px}.skeleton_doubt:hover{background:none!important}.classroom_about{display:flex;flex-direction:column;height:100%;padding:20px}.classroom_about .head{color:var(--text-color);margin-top:-10px}.classroom_about .head h2{margin:0;padding:0}.classroom_about .head h3{color:var(--text-muted);margin:-5px 0 0}.classroom_about .about_content{margin-top:10px}.classroom_about .about_content h3{color:var(--text-color);font-size:1rem;font-weight:500;margin:0}.classroom_about .about_content p{color:var(--text-muted);font-size:.825rem;font-weight:500;margin:0}.classroom_about .about_content .creator_info{display:flex;flex-direction:column;justify-content:center;margin-top:10px}.classroom_about .about_content .creator_info .title{color:var(--text-color);font-size:1rem;font-weight:500;margin:0 0 5px}.classroom_about .about_content .creator_info>div{display:flex}.classroom_about .about_content .creator_info .icon{height:30px;margin-right:10px;width:30px}.classroom_about .about_content .creator_info .info{display:flex;flex-direction:column;justify-content:center}.classroom_about .about_content .creator_info .info h3{color:var(--text-color);font-size:.875rem;margin:-2px 0 0}.classroom_about .about_content .creator_info .info p{color:var(--text-muted);font-size:.75rem;font-weight:500;margin:-2px 0 0}.classroom_about .bottom_content{display:flex;flex-wrap:wrap;margin-top:10px}.classroom_about .bottom_content p{color:var(--text-color);font-size:.85rem;font-weight:500;margin:0 10px 0 0}.new_nav{background:var(--bg-dull);border-bottom:1px solid var(--border-gray);height:50px;justify-content:space-between;left:0;padding:0 10px;position:-webkit-sticky;position:sticky;top:0;width:calc(100% - 20px)}.new_nav,.new_nav .title,.new_nav .title .close{align-items:center;display:flex}.new_nav .title .close{border-radius:50%;color:var(--text-muted);cursor:pointer;font-size:1.3rem;height:40px;justify-content:center;width:40px}.new_nav .title .close:hover{background-color:var(--border-lighter)}.new_nav .title .icon{height:30px;margin-left:5px;width:30px}.new_nav .title .icon i{color:rgb(var(--bg));font-size:16px}.new_nav .title span{color:var(--text-color);font-size:1.2rem;font-weight:500;margin-left:5px}.new_work{background-color:var(--bg-lighter);width:100%}.new_work,.new_work .form{display:flex;height:calc(100vh - 111px)}.new_work .form{align-items:center;background:#0000;flex-direction:column;flex-grow:1;margin:0 auto;overflow-x:hidden;overflow-y:scroll;position:relative}.new_work .options{background:var(--bg-dull);border-left:1px solid var(--border-gray);height:calc(100vh - 151px);padding:20px;width:300px}@media screen and (max-width:800px){.new_work .options{min-width:0;width:200px}}.new_work .form .inner_form{background-color:var(--bg-dull);border:1px solid var(--border-gray);border-radius:5px;display:flex;flex-direction:column;margin:20px 20px 0;padding:20px;width:calc(100% - 80px)}.new_work .form .inner_form .input-field_sec{margin-bottom:5px}.new_work .form .inner_form>span{color:var(--text-muted);font-size:.725rem;margin-bottom:20px;margin-left:5px}.new_work .form .inner_form .text-area{margin-bottom:0}.new_work .form .inner_form h3{color:var(--text-color);font-size:15px;font-weight:500;margin:0 0 10px}.new_work .form .inner_form .attachments{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.new_work .form .inner_form .file_input_label{background-color:var(--bg-lightest);border-radius:50%;color:var(--text-color);font-size:15px;height:50px;margin:0 auto 40px;padding:0;position:relative;width:50px}.new_work .form .inner_form .file_input_label:hover{background-color:var(--bg-dull)}.new_work .form .inner_form .file_input_label:after{bottom:-25px;color:var(--text-muted);content:"Upload";position:absolute}.new_work .options .input-field_sec{height:53px;width:100%}.new_work .options .custom_topic{display:flex;height:53px;position:relative;width:100%}.new_work .options .topic_input .option_selector{max-width:100%!important;width:100%}.new_work .options .custom_topic span{align-items:center;bottom:50%;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;font-weight:500;height:100%;position:absolute;right:10px;top:50%;transform:translate(-50%,-50%);z-index:1000}.new_work .options h3{color:var(--text-color);font-size:15px;font-weight:500;margin:0 0 10px}@media screen and (max-width:650px){.new_work{flex-direction:column;justify-content:flex-start;overflow-x:hidden;overflow-y:scroll}.new_work .form{height:-webkit-max-content;height:max-content;overflow:visible;width:100%}.new_work .options{height:100%;width:calc(100% - 41px)}.new_work .form .inner_form{margin:0;width:calc(100% - 40px)}}.class_work{max-width:54.5rem;padding-bottom:50px;width:calc(100% - 30px)}.class_work .header h2{color:var(--text-color);font-size:1.2rem;font-weight:500;margin:20px 0 10px}.class_work .header>div{display:flex;padding-bottom:10px}.class_work .topic_container .topic_title{border-bottom:1px solid var(--border-light);color:var(--text-color);font-size:1.4rem;font-weight:500;padding:15px}.class_work .topic_container.skeleton{margin-top:20px}.class_work .topic_container.skeleton .topic_title{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:30px;font-size:.125rem;margin-left:15px;width:100px}.class_work .topic_container .topic_cards .topic_card .info{align-items:center;color:var(--text-color);display:flex;flex-wrap:wrap;height:40px;justify-content:space-between;width:calc(100% - 50px)}.class_work .topic_container .topic_cards .topic_card .info .date{color:var(--text-muted);font-size:.825rem;font-weight:500}.class_work .topic_container.skeleton .topic_cards .topic_card .info .date{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:30px;font-size:.525rem;width:100px}.class_work .topic_container .topic_cards .topic_card .info h3{word-wrap:break-word;font-size:.925rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class_work .topic_container.skeleton .topic_cards .topic_card .info h3{animation:var(--skeleton-animation);background:var(--skeleton-background);border-radius:20px;width:120px}.class_work .topic_container .topic_cards .topic_card .icon{align-items:center;background-color:rgba(var(--bg),.1);border-radius:50%;color:rgb(var(--bg));display:flex;height:35px;justify-content:center;margin-right:15px;width:35px}.class_work .topic_container.skeleton .topic_cards .topic_card .icon{animation:var(--skeleton-animation);background:var(--skeleton-background)}.class_work .topic_container .topic_cards .topic_card{align-items:center;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;padding:5px 15px}.class_work .topic_container .topic_cards .topic_card:hover{background-color:var(--bg-dull);border-radius:5px}.class_work .topic_container.skeleton .topic_cards .topic_card{pointer-events:none;-webkit-user-select:none;user-select:none}.class_work .topic_container.skeleton .topic_cards .topic_card:hover{background:#0000}.class_work .topic_container{margin-bottom:20px}.image_selector .input_box{background:var(--gray-100);border-bottom:1px solid var(--border-lighter);border:solid var(--border-lighter);border-radius:5px;border-width:1px 1px 2px;color:var(--text-light);cursor:pointer;display:flex;font-size:14px;font-weight:500;padding:10px 12px 10px 15px;width:calc(100% - 27px)}.image_selector .overlay .close_area{bottom:0;left:0;position:absolute;right:0;top:0}.image_selector .overlay{align-items:center;background:#00000080;display:none;height:100vh;justify-content:center;opacity:1;position:fixed;right:0;top:60px;transition:.3s ease;width:100%;z-index:1000}.image_selector .selector{background:var(--gray-100);border-radius:10px;display:flex;flex-direction:column;height:60vh;margin-bottom:30px;max-width:500px;min-height:400px;position:relative!important;transform:scale(0);transition:.3s ease;width:calc(100% - 30px);z-index:1001}.image_selector .selector .nav_tab{border-bottom:1px solid var(--border-lighter);display:flex;justify-content:space-between;padding:15px 20px 10px}.image_selector .selector .nav_tab .title{color:var(--text-color);font-size:15px;text-transform:capitalize}.image_selector .selector .nav_tab .close_button{align-items:center;border-radius:50%;color:var(--text-color);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;margin:0;transform:scale(1.3);width:20px;z-index:50}.image_selector .selector .nav_tab .close_button:hover{background:var(--bg-muted)}.image_selector .selector .current_image{padding:20px 20px 10px;width:calc(100% - 40px)}.image_selector .selector .current_image img{border-radius:5px;width:100%}.image_selector .selector .current_image h3{color:var(--text-color);font-size:12px;margin:0 0 5px}.image_selector .selector .images{display:flex;flex-wrap:wrap;overflow-y:scroll;padding:20px;width:calc(100% - 40px)}.image_selector .selector .images .image{align-items:center;background-position:100%;background-size:cover;border:2px solid #0000;border-radius:5px;color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;margin:2px;padding:1px;position:relative;width:calc(50% - 10px)}.image_selector .selector .images .image i{font-size:20px;opacity:0;z-index:2}.image_selector .selector .images .image:after{background:#4747476c;border-radius:5px;content:"";height:100%;left:-2px;opacity:0;padding:2px;position:absolute;top:-2px;transition:.3s ease;width:100%;z-index:1}.image_selector .selector .images .image.selected:after{opacity:1}.image_selector .selector .images .image.selected i{opacity:.6}.image_selector .selector .images .image:hover:after{opacity:1}.image_selector .selector .images .image.selected{border:2px solid #646464}.modal{align-items:end;height:-webkit-fit-content;height:fit-content;justify-content:center;transition:.3s ease;width:100vw;z-index:10000000}.modal,.modal_overlay{bottom:0;display:flex;left:0;position:fixed}.modal_overlay{background:#fff0;right:0;top:60px;transition:all .3s ease}.modal .container{background:var(--gray-100);border-radius:20px 20px 0 0;box-shadow:0 0 10px #0000004d;height:-webkit-fit-content;height:fit-content;max-width:450px;min-width:300px;overflow:hidden;padding:15px;position:absolute;transition:.3s ease;width:calc(100% - 30px)}.modal .container .top_content{border-bottom:1px solid var(--border-gray);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:20px}.modal .container .top_content .title{color:var(--text-color);font-size:18px;font-weight:700;-webkit-user-select:none;user-select:none}.modal_closed .container .top_content .close_button{transform:rotate(180deg)}.modal .container .top_content .close_button{align-items:center;color:var(--text-muted);cursor:pointer;display:flex;font-size:18px;justify-content:center;transition:.3s ease;width:50px}.modal .container .content{height:-webkit-fit-content;height:fit-content;padding:0;position:relative;width:100%}.modal .container .bottom_content{display:flex;justify-content:flex-end}.modal .container .bottom_content .button-1{background:#0000;border:1.5px solid #d6d6d6;border-radius:20px;color:gray;cursor:pointer;font-weight:500;margin-right:10px;padding:5px 15px}.modal .container .bottom_content .button-2{background:var(--primary-color);border:1.5px solid var(--primary-color);border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:5px 15px}.modal .container .bottom_content .button-1:hover{background:#f1f1f1}.file_view{border:1px solid var(--border-light);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;transition:.3s ease;width:-webkit-fit-content;width:fit-content}.file_view .preview{align-items:center;background-color:var(--gray-200);border-bottom:1px solid var(--border-light);border-radius:10px 10px 0 0;color:var(--text-lightgray);display:flex;font-size:20px;font-weight:600;height:80px;justify-content:center;width:150px}.file_view .file_name p{word-wrap:normal;border-radius:0 0 10px;border-radius:0 0 10px 10px;color:var(--text-muted)!important;font-size:.7rem!important;font-weight:500;height:14px;margin:0;-webkit-mask-image:linear-gradient(to right,var(--bg-dull) 100px,#0000);mask-image:linear-gradient(to right,var(--bg-dull) 100px,#0000);overflow:hidden;padding:5px;position:relative;text-overflow:ellipsis;white-space:nowrap;width:140px}.radio{align-items:center;background:var(--gray-300);border-radius:20px;display:flex;height:25px;justify-content:center;padding:0;position:relative;transition:background .2s ease;width:45px}.radio.active{background:var(--primary-color)}.radio span{align-items:center;background:#fff;border-radius:50%;display:flex;height:21px;justify-content:center;left:2px;position:absolute;transition:left .1s ease;width:21px}.radio.active span{left:22px!important}.file_input{height:100%;width:100%}.file_input label{align-items:center;background:var(--bg-faint);border:1px solid var(--border-light);border-radius:5px;color:var(--primary-color);cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:center;margin-bottom:10px;padding:5px 15px}.file_input .files{display:flex;flex-wrap:wrap;gap:10px}.file_input label:hover{background:var(--bg-dull)}.file_input input::-webkit-file-upload-button{display:none}.file_input input::file-selector-button{display:none}.file_input input{display:none}.file_input p{width:120px!important}.file_input .file_view{cursor:auto}.file_view .file_name{align-items:center;display:flex;position:relative}.file_view .file_name i{align-items:center;border-radius:50px;color:var(--text-gray);cursor:pointer;display:flex;font-size:15px;height:25px;justify-content:center;position:absolute;right:0;width:25px}.file_view .file_name i:hover{background-color:var(--border-lighter)}.option_selector{background:var(--bg-lighter);border-radius:5px;flex-direction:column;margin-bottom:20px;max-width:500px;position:relative}.option_selector,.option_selector span{display:flex;font-weight:500;height:100%}.option_selector span{align-items:center;bottom:50%;color:var(--text-muted);cursor:pointer;font-size:18px;position:absolute;right:10px;top:50%;transform:translate(-50%,-50%)}.option_selector select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;background-color:var(--bg-dull);border:none;border-bottom:1px solid var(--border-lighter);border:solid var(--border-lighter);border-radius:5px;border-width:1px 1px 2px;color:var(--text-color);font-size:14px;font-weight:400!important;outline:none;padding:22px 12px 10px 15px;position:relative;transition:.2s ease;z-index:1}.option_selector option,.option_selector select{font-family:Manrope,sans-serif;font-weight:500}.option_selector select:focus~label{color:var(--primary-color);font-size:10px!important;top:15px!important;z-index:0!important}.option_selector select option{border:1px solid var(--border-lighter)}.option_selector select:focus{border-bottom:2px solid var(--primary-color)}.option_selector select:placeholder-shown::placeholder{opacity:0}.option_selector select:focus::placeholder{opacity:1}.option_selector select:placeholder-shown~label{font-size:14px;top:50%;z-index:0}.option_selector label{bottom:50%;color:var(--text-light);font-size:10px;font-weight:500;height:-webkit-fit-content;height:fit-content;left:10px;padding:0 5px;position:absolute;top:15px;transform:translateY(-50%);transition:.2s ease;z-index:2}.search_input{align-items:center;border:1px solid var(--border-gray);border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;padding:5px 10px;width:calc(100% - 20px)}.search_input i{color:var(--text-muted)}.search_input input{background:#0000;border:none;color:var(--text-color);font-family:inherit;font-size:15px;margin-left:5px;outline:none;width:100%}.search_input:focus-within{border:1px solid var(--gray-700)}.marks_input{align-items:center;border:1px solid var(--border-light);border-radius:5px;height:55px;justify-content:center;margin-top:15px;overflow:hidden;padding:5px 10px;transition:.3s ease;width:-webkit-fit-content;width:fit-content}.marks_input.enable{height:100px}.marks_input:focus-within{box-shadow:0 0 10px 0 #0000001a}.marks_input input{background:#0000;border:none;color:var(--text-color);font-size:25px;outline:none;width:70px}.marks_input input::placeholder{color:var(--border-light)}.marks_input div h3{margin:0}.marks_input div h3,.marks_input div span{color:var(--text-muted);font-size:.825rem;font-weight:500}.marks_input div button{margin-top:10px;width:100%}.assignment_top_bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:var(--bg-dull);border-bottom:1px solid var(--border-gray);height:45px;left:0;position:-webkit-sticky;position:sticky;right:0;top:0!important;width:100%;z-index:20000}.assignment_top_bar .tabs{align-items:center;display:flex;height:100%;list-style-type:none;margin:0;overflow:scroll;overflow-y:hidden;padding:0 0 0 15px}.assignment_top_bar .tabs .tab{align-items:center;border-radius:20px;color:var(--tertiary-color);cursor:pointer;display:flex;font-size:15px;height:30px!important;height:100%;justify-content:center;margin-right:5px;padding:0 10px;position:relative;text-decoration:none;transition:.2s ease;white-space:nowrap}.assignment_top_bar .tabs .tab:after{background:var(--primary-color);border-radius:10px 10px 0 0;bottom:0;content:"";height:3px;margin-bottom:-8px;position:absolute;transform:scale(0);transition:.2s ease;width:20px}.assignment_top_bar .tabs .tab i{margin-right:5px}.assignment_top_bar .tabs .tab.active:after{transform:scale(1);width:calc(100% - 20px)}.assignment_top_bar .tabs .tab.active{background:var(--bg-blue-tint);color:var(--primary-color);font-weight:600}.assignment_top_bar .tabs .tab:hover:after{transform:scale(1)}.assignment_top_bar .tabs .tab:hover{color:var(--primary-color)}#loading{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-light);bottom:0;flex-direction:column;height:100vh;left:0;opacity:1;position:fixed;transition:.3s ease;width:100vw;z-index:99999}#loading,#loading .new_feature{align-items:center;display:flex;justify-content:center}#loading .new_feature{bottom:50px;color:#c4c6ff;font-size:14px;font-weight:500;left:50%;margin-top:20px;position:absolute;transform:translate(-50%);width:100%}#loading .logo{align-items:center;background:#fff;border-radius:50%;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}#loading .logo img{height:50px;width:50px;z-index:1}#loading .logo span{animation:loading .6s linear 0s infinite forwards;border-bottom:10px solid var(--primary-color);border-left:10px solid var(--primary-color);border-radius:50%;border-right:10px solid var(--primary-color);border:10px solid var(--faded-color);border-top-color:var(--primary-color);height:100px;position:absolute;width:100px;z-index:-1}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading__off .logo{display:none!important}.loading__off{-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important;background:#0000!important;overflow:hidden}.loading__off .new_feature{display:none!important}.command_box{align-items:center;background:var(--black-bg);display:flex;justify-content:center;transition:.3s ease;z-index:1050}.command_box,.command_box .command_overlay{height:100vh;left:0;position:fixed;top:0;width:100vw}.command_box .command_overlay{z-index:0}.command_box .command_content{border-radius:20px;height:100vh;max-width:450px;opacity:1;padding:10px;transform:scale(1);transition:.3s ease;width:90vw}.command_box .command_content .command_input{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-overlay);border-radius:10px;display:flex;justify-content:start;max-width:420px;padding:10px 15px;position:absolute;top:30%;width:calc(90vw - 30px)}.command_box .command_content .command_input i{color:#3d3d3d;font-size:15px;margin:0}.command_box .command_content .command_input input{background:#0000;border:none;font-size:20px;font-weight:500;margin-left:10px;outline:none;width:100%}.command_box .command_content .command_list{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-overlay);border-radius:10px;display:flex;flex-direction:column;justify-content:center;max-width:440px;padding:5px;position:absolute;top:40%;width:calc(90vw - 10px)}.command_box .command_content .command_list .not_found{align-items:center;display:flex;flex-direction:column;opacity:.3}.command_box .command_content .command_list .not_found h2{color:#fff;font-size:15px;font-weight:500;margin:0 0 20px}.command_box .command_content .command_list .not_found i{color:#fff;font-size:40px;margin-bottom:10px;margin-top:20px;width:-webkit-fit-content;width:fit-content}.command_box .command_content .command_list .command_item.active{background:var(--primary-color);color:#fff}.command_box .command_content .command_list .command_item.active h2{color:#fff}.command_box .command_content .command_list .command_item{align-items:center;border-radius:10px;cursor:pointer;display:flex;margin-bottom:5px;padding:10px;width:calc(100% - 20px)}.command_box .command_content .command_list .command_item:hover{background:var(--primary-color);color:#fff}.command_box .command_content .command_list .command_item:hover h2{color:#fff}.command_box .command_content .command_list .command_item i{font-size:15px;margin:0}.command_box .command_content .command_list .command_item h2{color:#3f3f3f;font-size:15px;font-weight:500;margin:0 0 0 10px;padding:0}.command_box .command_content .command_list .command_item:last-child{margin-bottom:0}.settings_page{align-items:center;display:flex;flex-direction:column;padding:0;width:calc(100vw - 60px)}.settings_page .settings_navigation{align-items:center;background-color:var(--bg-dull);border-bottom:1px solid var(--border-gray);height:100px;overflow:hidden;position:-webkit-sticky;position:sticky;right:0;top:0;width:100%;z-index:100}.settings_page .settings_navigation .tabs{display:flex;margin-left:15px;margin-top:20px}.settings_page .settings_navigation .nav_label{color:var(--text-color);font-size:20px;margin-left:15px;margin-top:15px}.settings_page .settings_navigation .tab{align-items:center;border-radius:20px;color:var(--tertiary-color);cursor:pointer;display:flex;font-size:15px;height:30px;justify-content:center;margin-right:5px;padding:0 10px;position:relative;text-decoration:none;transition:.2s ease;white-space:nowrap}.settings_page .settings_navigation .tab.active{background:var(--bg-blue-tint);color:var(--primary-color)}.settings_page .settings_navigation .tab:before{background:var(--primary-color);border-radius:10px 10px 0 0;bottom:0;content:"";height:3px;margin-bottom:-8px;position:absolute;transform:scale(0);transition:.2s ease;width:20px}.settings_page .settings_navigation .tab.active:before{transform:scale(1);width:calc(100% - 20px)}.settings_page .settings_navigation .tab i{margin-right:5px}.settings_page .settings_navigation .tab:hover{color:var(--primary-color)}.settings_page .settings_content{display:flex;justify-content:center;overflow-y:scroll;padding-bottom:50px;transition:.3s ease;width:100%}.settings_page.active{width:calc(100vw - 280px)}.settings_page .settings_navigation .tab:hover:before{transform:scale(1)}.settings_page .settings_navigation .tab .tab_link:hover{color:var(--primary-color)}.settings_page .settings_content .settings_form{max-width:54.5rem;padding-top:0;position:relative;width:calc(100% - 30px)}.settings_page .settings_content .settings_form .title{color:var(--tertiary-color);font-size:1.4rem}.settings_page .settings_content .settings_form .form .input{align-items:flex-start;border-radius:10px;display:flex;flex-direction:column;margin-bottom:20px;margin-top:10px;width:100%}.settings_page .settings_content .settings_form .form .input .button_group{display:flex;flex-direction:column;justify-content:center;margin-left:15px}.settings_page .settings_content .settings_form .form .input .label{color:var(--tertiary-color)}.settings_page .settings_content .settings_form .form .input .text{color:gray;font-size:12px;font-weight:500}.settings_page .settings_content .settings_form .form .input .container{display:flex;margin-bottom:15px;position:relative}.settings_page .settings_content .settings_form .form .input .container .edit_profile{align-items:center;background:var(--black-weaker);border-radius:50%;color:var(--skeleton-light);cursor:pointer;display:flex;height:80px;justify-content:center;position:absolute;right:0;top:0;transition:.2s ease;width:80px;z-index:90}.settings_page .settings_content .settings_form .form .input .container .edit_profile .file_input{background:var(--error);border-radius:50%;height:80px;opacity:0;position:absolute;top:0;width:80px}.settings_page .settings_content .settings_form .form .input .image_view{border-radius:50%;display:flex;height:80px;margin:0 auto;overflow:hidden;width:80px}.settings_page .settings_content .settings_form .form .input_group{display:flex;gap:10px}.settings_page .settings_content .settings_form .form .input_group .input-field_sec{flex-grow:1}.settings_page .settings_content .settings_form .form .location_selector{display:flex;flex-direction:column;width:100%}.settings_page .settings_content .settings_form .form .date_input{display:flex;flex-grow:1}.settings_page .settings_content .settings_form .form .location_selector .option_selector{flex-grow:1;max-width:54.5rem}.settings_page .settings_content .settings_form .form .date_input input{width:calc(100% - 29px)}.settings_page .settings_content .settings_form .form .button_group2{display:flex;gap:5px}.settings_page .settings_content .settings_form .form .button_group2 .btn_secondary{width:60px}@media screen and (max-width:690px){.settings_page,.settings_page .settings_navigation{width:100vw!important}}.settings_general .form_header{color:var(--text-color);font-size:1.4rem}.settings_general .form_header h3{margin:20px 0 0}.settings_general .form_field{align-items:center;border-bottom:1px solid var(--border-gray);border-radius:5px 5px 0 0;cursor:pointer;display:flex;justify-content:space-between;margin-top:10px;padding:10px}.settings_general .form_field:hover{background-color:var(--bg-dull)}.settings_general .form_field .label{color:var(--text-color);display:flex;flex-direction:column;justify-content:center}.settings_general .form_field .label h3{color:var(--text-color);font-size:1.2rem;margin:0}.settings_general .form_field .label p{color:var(--text-muted);font-size:.8rem;margin-top:-1px}.settings_general .form_field .button{align-items:center;display:flex;padding-left:5px}.file_viewer{background:rgba(0,0,0,.808);display:none;flex-direction:column;height:100vh;opacity:0;transition:.3s ease;width:100%}.file_viewer,.file_viewer .view_navbar{left:0;position:fixed;top:0;z-index:100000000}.file_viewer .view_navbar{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#14141491;border-bottom:1px solid #363636;display:flex;height:60px;justify-content:space-between;padding:0 15px;right:0}.file_viewer .view_navbar>div{display:flex}.file_viewer .view_navbar .info{color:#b4b4b4}.file_viewer .view_navbar .info .icon{align-items:center;border-radius:50%;display:flex;font-size:1.1rem;height:20px;justify-content:center;margin-right:10px;width:20px}.file_viewer .view_navbar .info .file_name{font-weight:500}.file_viewer .view_navbar .options{color:#b4b4b4;font-size:1.2rem}.file_viewer .view_navbar .options .option{align-items:center;border-radius:50%;color:inherit;cursor:pointer;display:flex;height:40px;justify-content:center;margin-left:10px;width:40px}.file_viewer .view_navbar .options .option:hover{background:#464646}.file_viewer .preview{align-items:center;display:flex;height:calc(100vh - 60px);justify-content:center;margin:60px auto 0;max-width:98vw;min-width:300px;overflow:hidden}.file_viewer .preview .object{background:#6e6e6e;height:-webkit-fit-content;height:fit-content;position:relative;width:100%;z-index:100000000}.file_viewer .preview .object .file{width:100%}.file_viewer .preview .no_preview{color:#6e6e6e;display:flex;flex-direction:column;justify-content:center;z-index:100000}.file_viewer .preview .no_preview .download_button{background:var(--primary-color);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;outline:none;padding:8px 15px}.file_viewer .arrows{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008f;border-radius:50%;bottom:50%;color:#a5a5a5;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:fixed;top:calc(50% + 30px);transform:translateY(-50%);width:40px;z-index:1000000000}.file_viewer .arrows.previous{left:30px}.file_viewer .arrows.next{right:30px}.file_viewer .close_area{height:100vh;left:0;position:fixed;top:0;width:100vw}.file_viewer .toolbar{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000008f;border-radius:30px;bottom:40px;color:#b4b4b4;left:50%;padding:5px 15px;position:fixed;right:50%;transform:translate(-50%);width:-webkit-fit-content;width:fit-content;z-index:10000000000}.file_viewer .toolbar,.file_viewer .toolbar .zoom{align-items:center;display:flex}.file_viewer .toolbar .zoom span{background:var(--black);border-radius:5px;height:-webkit-fit-content;height:fit-content;margin-left:10px;padding:5px;width:40px}.file_viewer .toolbar .tools{display:flex;margin-left:15px}.file_viewer .toolbar .tools div{align-items:center;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;margin:3px;width:35px}.file_viewer .toolbar .tools div:hover{background:#24242456}.otp_input{display:flex;gap:5px;width:300px}.otp_input input{background-color:var(--bg-dull);border:2px solid var(--border-light)!important;border-radius:5px;color:var(--text-color);flex:1 1;font-size:20px;height:50px;min-width:0;outline:none;padding:0;text-align:center}.otp_input input:focus{border:2px solid var(--border-gray)!important}
/*# sourceMappingURL=main.7ec6e536.css.map*/