body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.flx-c{align-items:center;display:flex;justify-content:center}.flx-v{flex-direction:column}.flx-c-r{display:flex;justify-content:center}.vh-vw{height:100vh;width:100vw}.tr-btn{background-color:initial;border:none;cursor:pointer;outline:none;padding:8px}.loader-screen{background-color:#fff;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:99}.loader-icon,.loader-screen{align-items:center;display:flex;justify-content:center}.loader-icon{animation:bounce .8s ease infinite;background:#0000;height:100px;width:100px}@keyframes bounce{0%,20%,50%,80%,to{opacity:1;transform:translateY(0)}50%{transform:translateY(-30px)}}.notes-page{background-color:#fff;display:flex}.recents-container{padding:8px}.latest-box,.recents-container{display:flex;flex-direction:column}.latest-box{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px 0 #232323,0 2px 1px 0 #232323;padding:10px;width:230px}.pdf-icon{color:#d41e1e;margin-right:8px}.doc-name{font-family:Ubuntu,sans-serif;font-size:14px;font-weight:500;margin:8px 0}@media (max-width:768px){.notes-page{align-items:center;flex-direction:column}.pdf-view{display:none}}.search-box{justify-self:center;margin:auto;max-width:calc(100vw - 48px);padding:20px;width:600px}.search-box,.search-caption{align-items:center;display:flex;justify-content:center}.search-caption{color:#2d4a5f;font-family:lato,sans-serif;font-size:32px;font-weight:600;margin-top:16px}.search-input-box{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px 0 #2d4a5f,0 2px 3px 0 #2d4a5f;display:flex;flex-grow:1;max-width:95vw;width:500px}.search-input{background:#0000;border:none;flex-grow:1;outline:none;padding:12px 8px}.search-icon{margin:0 16px}.search-button{background-color:#2d4a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Ubuntu,sans-serif;margin-left:8px;outline:none;padding:14px 12px}.main-page{align-items:center;display:flex;flex-direction:column;flex-grow:1;margin-bottom:30px}.notes-box{align-items:center;height:400px;margin:20px auto;margin:auto;max-width:95vw;overflow-y:scroll;padding:16px;width:450px}.notes-box,.notes-unit{display:flex;flex-direction:column}.notes-unit{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 3px 0 #2d4a5f,0 2px 3px 0 #2d4a5f;cursor:pointer;height:150px;margin:16px 0;max-width:calc(100vw - 40px);outline:none;width:400px}.note-title{color:#2d4a5f;font-family:lato,sans-serif;font-size:16px;font-weight:600;margin:8px 0;padding:4px 8px}.note-data{align-items:center;color:#2d4a5f;display:flex;font-size:10px;justify-content:space-between;margin:auto;padding:8px;width:98%}.data-unit{align-items:flex-end;display:flex;height:30px;justify-content:flex-start;overflow:hidden;width:80px}.unit-data{text-align:left}.buttons-box{align-items:center;display:flex;justify-content:center}.page-button{background-color:#2d4a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Ubuntu,sans-serif;outline:none;padding:8px}.disabled-button{background-color:#989898;cursor:not-allowed}.page-number{font-family:Kanit,sans-serif;font-weight:500;margin:0 8px;text-align:center;width:40px}.u-icon{margin-right:8px}.note-header{background-color:#efefef;border-radius:8px;left:15vw;min-width:70vw;position:fixed;right:auto;top:30px;width:auto;z-index:9}.header-container,.note-header{align-items:center;display:flex}.header-container{flex-grow:1;padding:16px}.app-logo{height:30px;width:30px}.app-name{color:#454545;font-family:Lato,sans-serif;font-size:18px;margin-left:8px}.note-nav{align-items:center;display:flex}.note-nav-button{color:#454545;font-family:Lato,sans-serif;width:100px}.auth-button,.note-nav-button{background-color:initial;border:none;cursor:pointer;outline:none}.auth-button{color:#0c3c80;font-family:lato,sans-serif;margin:0 8px}.bar-close{display:none}.user-img{border-radius:15px;height:30px;width:30px}.user-avatar-box{align-items:center;border:none;display:inline-flex;justify-content:center;outline:none}@media (max-width:768px){.note-nav{background-color:#efefef;display:flex;flex-direction:column;height:calc(100vh - 62px);left:0;margin-left:-250px;position:fixed;top:60px;transition:margin-left .4s ease;width:250px;z-index:19}.note-header{border-radius:0;left:0;top:0;width:100vw;z-index:19}.auth-button,.note-nav-button{margin:16px 0;width:100%}.bar-close{background-color:initial;border:none;display:inline-flex;font-size:24px;margin:0 16px;outline:none}.sliding-nav{margin-left:0;transition:margin-left .4s ease}}.right_nav{display:flex;flex-direction:column;height:100vh;margin:0 8px;width:250px}.right_part{background-color:#fefefe;border-radius:8px;box-shadow:0 0 1px 0 #2d4a5fc1,0 1px 2px 0 #2d4a5fc1;width:100%}.right_top{height:270px;margin-bottom:24px}.right_bottom{height:340px;width:100%}.cap{border:none}.add-notes:hover{background-color:#2d4a5f;color:#fefefe}.left{font-size:14pt;font-weight:600}.add_proj{display:none}.project_caps{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin:36px 0 24px}.ca_hr{background-color:#6d859c}.note_section{background-color:#ededed;border-radius:8px;display:flex;flex-direction:column;height:200px;margin:16px auto;padding:12px 24px 12px 0;width:80%}.right_section{font-family:Segoe UI,sans-serif;font-size:10px}.note{color:#5e5c5c;line-height:14px}.note_item,.project_item{margin:5px 0}.note-unit{display:flex;flex-direction:row}.project{color:#5e5c5c;line-height:14px;padding:0 16px}.proj_img{margin:0 10px}.project_item{align-items:center;display:flex;flex-direction:row}@media(max-width:768px){.right_nav{flex-direction:row;flex-wrap:wrap;height:auto;width:100%}.right_part{height:340px;margin:16px auto;min-width:250px;width:95%}}footer{background-color:#85a5b5b7;color:#2d4a5f;display:flex;flex-direction:column;font-family:Roboto,sans-serif;height:250px;padding:16px}.top_footer{flex-grow:1;flex-wrap:wrap}.copyright{font-weight:550}.upper-caption{font-weight:600;margin-bottom:8px}.top_footer{display:flex;flex-direction:row}.member{margin:4px 0}.top_right{display:flex;flex-direction:row;font-family:Lato,sans-serif;margin-top:70px}.left_top{flex-grow:1}.lnks,.top_right a{color:#2d4a5f;font-family:Roboto,sans-serif;font-size:10pt;font-weight:600;margin:8px 0;text-decoration:none}.top_right a:link{color:#2d4a5f}.company_lnks{display:flex;flex-direction:column;margin-right:42px}.foot-title{color:#2d4a5f}.title_container{align-items:center;display:flex;flex-direction:row;margin:70px 0 0 70px}.bottom_footer{display:flex;flex-direction:row;font-family:Roboto,sans-serif;font-size:10pt;margin-left:70px}.policy_section{color:#aeaeae;margin:0 32px}@media(max-width:768px){footer{height:auto}}.add-box{display:flex;justify-content:flex-end;margin:20px 0;width:100%}.right{align-items:center;display:flex;flex-direction:row;font-size:10pt;font-weight:600;justify-content:space-between}.add-notes{border:1.5px solid #2d4a5f;border-radius:5px}.cap{background:none;color:#2d4a5f;cursor:pointer;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:35px;margin-right:10px;padding:0 4px}.react-slideshow-container{align-items:center;display:flex;position:relative}.react-slideshow-container .nav{cursor:pointer;position:absolute;z-index:10}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{align-items:center;background:#fff9;border:0;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:#0000;border:0;color:#0000;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{overflow:hidden;width:100%}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap.horizontal{display:flex;flex-wrap:wrap;width:auto}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}.slide-frame{height:100vh;width:100vw}.slide-unit{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:500px;justify-content:center;width:100vw}.slide-caption{color:#fff;font-family:kanit,sans-serif;font-size:24px;font-weight:700;margin-top:16px;width:400px}.slide-caption,.slide-image{max-height:98vw;max-width:98vw}.slide-image{border-radius:64px;border-bottom-right-radius:0;height:300px;margin-bottom:16px;width:400}.slide-text{padding:16px;width:368px}.button-box{justify-content:center}.more-button{background-color:#1a3346;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Kanit,sans-serif;outline:none;padding:8px}.more-link{position:absolute;z-index:9}.land-nav-btn{align-items:center;background-color:initial;border:none;display:flex;flex-direction:column;font-family:var(--primary-font);font-weight:600;margin:16px;outline:none;width:120px}@media(max-width:420px){.slide-caption{padding:0;width:95vw}.slide-image{width:100vw}.slide-frame{height:auto}}.page-body{background-color:#fff;height:auto;overflow-x:hidden}.home-bg{background-image:url(/static/media/microscope.62e3b4a814b3247caf82.jpg);height:80vh;width:100vw}.welcome-box{display:flex;flex-direction:row}.welcome-section{align-items:center;color:#454545;display:flex;justify-content:center;width:50vw}.welcome-text{display:flex;flex-direction:column;justify-content:c;padding:15px;width:calc(50vw - 40px)}.welcome-cap{font-family:Lato,sans-serif;font-size:42px;font-weight:700;margin-bottom:16px}.skew-box{background-color:#fff;color:#fff;height:100px;margin-top:-50px;transform:rotate(4deg) skew(4deg);width:100vw;z-index:1}.sub-cap{font-size:32px;margin-bottom:32px}.page-sub-cap{font-size:24px;margin:32px auto 16px;text-align:center}.welcome-sentence{font-size:24px;line-height:32px;margin-bottom:8px}.options-div{align-items:center;display:flex;margin-bottom:30px;overflow-x:scroll;padding:16px;width:90vw}.option-unit{background-color:initial;border:none;border-radius:16px;cursor:pointer;flex-direction:column;height:150px;margin:0 16px;outline:none;width:200px}.unit-cover{background-color:#1f1c1c5d;height:152px;margin-top:-150px;z-index:9}.unit-bg,.unit-cover{border-radius:16px;width:200px}.unit-bg{height:150px;object-fit:cover}.option-name{align-items:center;color:#fff;display:flex;font-family:Lato,sans-serif;font-size:24px;font-weight:500;height:150px;justify-content:center;text-align:center;width:200px}.straight-box{color:#fff;height:60px;width:100vw}.choice-buttons{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:8px 0}@media (max-width:768px){.welcome-box{flex-direction:column}.welcome-section{width:95vw}.welcome-text{width:100%}}.ask-box{display:flex;justify-content:flex-end;margin:20px 0;width:100%}.ask-box a:link{text-decoration:none}.plus-icon{margin-right:8px}.questions-container{align-items:center;display:flex;flex-direction:column;height:400px;margin:20px 0;overflow-y:scroll;padding:20px}.question-unit{background-color:#fff;border:none;border-radius:8px;box-shadow:0 1px 2px 0 #2d4a5f,0 2px 1px 0 #2d4a5f;cursor:pointer;display:flex;flex-direction:column;margin:8px 0;max-width:95vw;outline:none;width:300px}.question-cap{text-wrap:auto;color:#888;font-family:Ubuntu,sans-serif;font-size:12px;font-weight:500;text-align:left}.unit-text{padding:8px}.unit-data{align-items:center;display:flex;margin-bottom:16px;margin-top:8px}.unit-avatar{border-radius:15px;height:30px;margin:0 16px;width:30px}.unit-poster{color:#2d4a5f;font-family:Kanit,sans-serif;font-size:12px;font-weight:600}.unit-meta{color:#2d4a5f;font-family:kanit,sans-serif;font-size:8px;margin-left:16px}.alertBg{z-index:99}.alert-bg,.alertBg{align-items:center;background-color:#2d4a5f4e;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.alert-bg{z-index:9}.alert-slider{background-color:#fff;bottom:-90vh;height:90vh;position:fixed;transition:bottom .6s ease;width:100vw;z-index:10}.slider-caption{color:#2d4a5f;font-family:var(--primary-font);font-size:16px;font-weight:600;margin-right:16px}.option-label{align-items:center;display:flex;flex-grow:1;justify-content:center}.alert-box{background-color:#fff;border-radius:16px;max-width:95vw;width:400px}.slider-close-box{display:flex;justify-content:flex-end;padding:12px 8px}.alert-top{padding:8px}.alert-caption,.alert-top{align-items:center;display:flex}.alert-caption{color:#2d4a5f;flex-grow:1;font-family:Lato,sans-serif;font-weight:600}.alert-caption,.close-box{font-size:24px;justify-content:center}.close-box{align-items:center;background-color:red;border-radius:8px;color:#fff;display:flex;height:30px;width:30px}.alert-mid{font-family:Lato,sans-serif;font-size:14px;font-weight:500}.alert-bottom,.alert-mid{display:flex;justify-content:center;padding:16px}.alert-bottom{align-items:center}.alert-btn{border:1px solid #2d4a5f;border-radius:16px;cursor:pointer;margin:0 16px;min-width:100px;padding:8px}.accept{background-color:#2d4a5f;color:#fff}.reject{background-color:#fff;color:#2d4a5f}.choices{align-items:center;display:flex;justify-content:space-around}.choice-button{background:none;border:none;cursor:pointer;outline:none}.choice-button,.choice-img{border-radius:50%;height:40px;width:40px}.choice-text{color:#2d4a5f;font-family:Lato,sans-serif;font-size:18px;font-weight:600}.button-box{align-items:center;display:flex;flex-direction:column;width:80px}body{background-color:#efefef;margin:0}main{flex-wrap:wrap;margin-bottom:16px;margin-top:20px}header,main{display:flex;flex-direction:row}header{align-items:center;background-color:#2d4a5f;width:100%}.center-icon{align-items:center;display:flex;justify-content:center;padding:8px}.note-icon{border-radius:8px;height:40px;width:40px}.page-title{color:#fff;font-family:Lato,sans-serif;font-size:20pt;margin-right:42px}.nav_bttn{align-items:center;background-color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;height:40px;margin:0 8px;outline:none;padding:4px 12px}.nav_bttn:hover{background-color:#2d4a5f;border:.5px solid #daa520;color:#daa520}.nav_bttn:hover .nav_icons,.nav_bttn:hover .nav_text{color:#daa520}.nav_icons{color:#2d4a5f;font-size:18px;font-weight:500;margin-right:8px}.nav-section{display:flex;flex-direction:row;flex-grow:1;height:fit-content}.nav_text,.top-icon{color:#2d4a5f}.nav_text{font-family:Lato,Segoe UI,sans-serif;font-weight:600}.auth_bttn,.auth_section{display:flex;flex-direction:row}.auth_bttn{align-items:center;border:none;border-radius:8px;cursor:pointer;height:40px;margin:0 8px;outline:none;padding:4px 12px}.reg_bttn{background-color:#fff}.inv{color:#fff}.login_bttn,.logout_bttn{background-color:#2d4a5f;border:1.5px solid #fff}header a{text-decoration:none}.bt-icons{color:#2d4a5f}.chevron-wrapper,.hamburger-wrapper{align-items:center;background-color:#fff;border-radius:4px;display:none;flex-direction:column;height:40px;justify-content:center;margin:0 8px;width:40px}.hamburger-line{border:2px solid #2d4a5f;margin:3px;rotate:0deg;transition:margin-top .5s;width:50%}.flex-center{align-items:center;display:none;justify-content:center}.top-line{margin-top:5px;rotate:-45deg}.bottom-line{margin-top:-8px;rotate:45deg}.vannish{display:none}.middle-line-animated{opacity:0}.nav-button-animated{background:#0000;border:none;outline:none;padding:0}.bottom-line-animated{transform:translateY(-10px) rotate(-45deg)}.ease-transition{transition-timing-function:ease}.icon-up{transform:rotate(180deg)}.activated{background-color:#2d4a5f;border:1px solid #daa520}.active-btn{color:#daa520}@media(max-width:768px){.nav-section{background-color:#fff;background-color:#2d4a5f;display:flex;flex-direction:column;height:290px;margin-top:-600px;position:fixed;transition:margin-top 1s;transition-timing-function:ease;width:200px;z-index:3}.visible-nav{margin-top:353px}.login_bttn{border:1px solid #2d4a5f}.auth_section{display:flex;flex-direction:column}.nav_bttn{background-color:#fff;border-bottom:1px solid #2d4a5f;border-radius:0;margin:0;width:100%}.activated{background-color:#2d4a5f}.auth_bttn{background:#2d4a5f;border:none;border-radius:0;margin:0;width:100%}.auth_bttn,.auth_section .nav_icons,.auth_section .nav_text{color:#efefef}.nav-display{margin-top:356px}.page-title{flex-grow:1}.flex-center,.hamburger-wrapper{display:flex}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.hidden{display:none}@media(max-width:1024px){.right_nav{display:flex;flex-direction:row}}.centered-page{height:100vh}.centered-page,.scroll-page{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100vw}.scroll-page{min-height:100vh;padding:20px 0}.req-asterix{color:red;margin-left:4px}.file-btn-container{align-items:center;display:flex;justify-content:flex-start;padding:8px;width:95%}.file-click{background-color:#2d4a5f;border:1px solid #2d4a5f;border-radius:8px;color:#fff;font-family:kanit,sans-serif;padding:4px}.file-button{display:none}.left_nav{background-color:#6d859c;box-shadow:0 1px 3px 0 #2d4a5fc1,0 1px 3px 0 #2d4a5fc1;display:flex;flex-direction:column;height:100vh;transition:margin-left 1s;transition-timing-function:ease;width:250px}.left_nav_bttn{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:row;height:35px;margin:16px 0}.left_nav_text{color:#fff;font-family:Lato,Segoe UI,sans-serif}.svg_imgs{height:16px;margin:0 16px;width:16px}.left_nav a{text-decoration:none}.hidden-button{display:none}.profile_button{align-items:center;background-color:#fff;border-radius:4px;flex-direction:row;height:50px;margin:16px auto;padding:8px;width:80%}.my_pic{background-size:contain;border:none;border-radius:15px;height:30px;width:30px}.cred_box{align-items:flex-start;display:flex;flex-direction:column;font-size:12px;margin:0 8px}.my_names,.my_user_name{color:#aeaeae;font-size:10px}@media(max-width:768px){.left_nav{display:none;left:0;position:absolute;transition:2s ease}.sliding-nav{animation:slideRight 1.2s ease;display:flex}.slide-back{animation:slideBack 1.2s ease}@keyframes slideRight{0%{left:-253px}to{left:0}}@keyframes slideBack{0%{left:0}to{left:-253px}}.display-menu{display:flex;margin-left:0;position:absolute;z-index:99}}.form-container{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 1px 2px 0 #232323,0 2px 1px 0 #232323;display:flex;flex-direction:column;max-width:96vw;padding:30px 1vw;width:400px}.form-button,.input-container{border:1px solid #2d4a5f;border-radius:20px;display:flex;margin:10px 0;padding:8px;width:95%}.form-button{align-items:center;background-color:#2d4a5f;color:#efefef;cursor:pointer;font-family:kanit,sans-serif;font-weight:500;justify-content:center;outline:none}.g-form{align-items:center;display:flex;flex-direction:column;width:100%}.google-button{background-color:#fff;border:1px solid #433dda;color:#232323}.input-cap{color:#2d4a5f;font-family:Kanit,sans-serif;font-weight:600;margin-right:16px}.input{border:#0000;flex-grow:1;outline:none}.page-caption{align-items:center;display:flex;flex-direction:column;margin-bottom:32px}.wlc{font-weight:500}.wlc,.wlc-cap{font-size:24px}.wlc-cap{color:#2d4a5f;font-weight:700}.eye-icon{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;margin-left:8px;outline:none}.other-ops{font-size:14px;margin:8px 0}.g-logo{border-radius:50%;margin:0 16px}.pass-strength{color:#0fb53b;font-family:sans-serif;font-size:10px}.weak-pass{color:#f00f00}.dis{color:#232323;cursor:not-allowed}.note_object{height:400px;margin:0 auto;width:400px}.notes_view_box{align-self:center;background-color:#dedede;border-radius:8px;box-shadow:0 0 1px 0 #2d4a5fc1,0 1px 2px 0 #2d4a5fc1;display:flex;flex-direction:column;height:500px;margin-top:24px;overflow-y:scroll;padding:16px;width:500px}.comments{margin:36px 0;max-width:100%;padding:24px;width:500px}.add-comment{background-color:#fff;border:1px solid #2d4a5fc1;border-radius:5px;max-width:95vw;padding:8px;width:500px}.comment-area{background:#0000;border:none;outline:none;width:500px}.see-comments{margin:32px 0}.comment-unit,.see-comments{display:flex;flex-direction:column}.comment-unit{border-radius:5px;box-shadow:0 2px 3px 0 #2d4a5fc1;color:#455455;font-family:Lato,sans-serif;font-size:14px;margin:16px auto;max-width:90%;padding:4px;width:350px}.comment-text{padding:8px}.unit-bottom{color:#455455;font-family:sans-serif;font-weight:400;margin:16px 8px}.avatar-box{align-items:center;border-bottom:1px solid #888;display:flex;flex-direction:row;justify-content:flex-start;padding:4px}.avatar{border-radius:50%;height:30px;width:30px}.comment-details{align-items:center;color:#888;display:flex;font-family:Nunito Sans,sans-serif;font-size:10px;margin-top:16px}.detail{font-size:11px;font-weight:600;margin:0 16px}.commenter{color:#2d4a5fc1}.comment-time{font-family:Roboto,sans-serif}.comment-caption{color:#565656;font-family:Nunito Sans,sans-serif;font-size:32px;font-weight:600;margin-bottom:32px;text-align:center}.mob-load{display:none}.like-btn{align-items:center;border:1px solid #888;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;justify-content:center;padding:12px;transition:opacity .5s;transition-timing-function:ease}.submit_doc{background-color:#2d4a5f;border:none;border-radius:8px;color:#fff;font-family:Ubuntu,sans-serif;font-weight:500;outline:none;padding:8px}.touchable{opacity:.7}.left-center{display:flex;flex-direction:row}.left-center,.like-err{align-items:center;padding:8px}.like-err{background-color:#f1918a;color:#f0f8ff;display:none;justify-content:center}.like-err,.like-status{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-weight:500}.like-status,.unlike{color:#2d4a5f}.unlike{font-size:24px}.download-pdf{background-color:initial;border:none;color:#2d4a5f;margin:0 8px;outline:none}@media (max-width:768px){.pdf-view{display:none}.comment-area{max-width:95%}.comments{max-width:95vw;padding:0}.mob-load{align-items:center;padding:8px}.notes_view_box{align-items:center;display:flex;flex-direction:column;height:150px;padding:8px 0;width:98vw}.comment-item{width:300px}.note_object{display:none}.add-comment,.notes-input-box{width:300px}.mob-load{color:#455455;display:flex;flex-direction:column;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:24px;font-weight:600}}.field-caption{color:#2d4a5f;font-size:32px;font-weight:600;margin-bottom:8px;margin-top:16px;text-align:center}.res-buttons{display:flex;flex-direction:row;flex-wrap:wrap;margin:auto;max-width:90vw;width:700px}.res-unit{text-wrap:wrap;margin:16px;width:80px}.res-button,.res-unit{align-items:center;display:flex;flex-direction:column}.res-button{background-color:#6097d662;border:none;border-radius:8px;cursor:pointer;font-weight:600;height:60px;justify-content:center;margin:8px;outline:none;padding:8px 16px;width:60px}.res-button-cap{font-size:10px;text-align:center}.thm-1{background-color:#6097d662;color:#15222b}.thm-2{background-color:#60d6ca62;color:#095655}.thm-3{background-color:#68170328;color:#681703}.thm-4{background-color:#2b041f24;color:#2b041f}.thm-5{background-color:#a00ecc24;color:#4e0967}.thm-6{background-color:#039c3145;color:#06a52b}.thm-7{background-color:#c901363e;color:#8e082c}.thm-8{background-color:#5f710432;color:#5f7104}.thm-9{background-color:#03561629;color:#035616}.res-button-icon{height:24px;width:24px}.choices-button{background-color:#2d4a5f;border:1px solid #2d4a5f;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin:4px;outline:none;padding:16px}.yr-box{align-items:center;background-color:#232323;border-radius:23px;display:flex;height:45px;margin:0 16px;padding:0 4px;width:150px}.exam-list{background-color:initial;border:none;color:#fff;flex-grow:1;font-size:18px;height:45px;outline:none}.exam-list option{background-color:#232323;font-weight:600;text-align:center}.canc{background-color:initial;border:none;font-size:18px;height:45px;justify-content:center;outline:none;width:40px}.canc,.opt-grp{align-items:center;display:flex}.opt-grp{gap:16px;justify-content:space-between;margin:auto;max-width:98%;width:400px}.opt-btn{background-color:initial;border:none;color:#2d4a5f;cursor:pointer;font-size:24px;outline:none}.t-unit-container{background-color:#cfe3e7;border-radius:16px;box-shadow:0 1px 2px 0 #343434,0 2px 1px 0 #343434;cursor:pointer;margin:16px auto;max-width:calc(100vw - 64px);padding:16px 0;width:800px}.t-unit-container:hover{background-color:#02072e}.t-unit-container:hover *{color:#fff}.tutorial-units-box{height:calc(90vh - 200px);overflow:auto;scrollbar-width:2px}.unit-top{color:var(--primary-color);font-size:24px;margin:8px 16px}.unit-middle{color:#ababab;gap:16px}.unit-bottom,.unit-middle{align-items:center;display:flex;margin:8px 16px}.unit-bottom{border-radius:16px;color:#fff;font-weight:600;height:32px;justify-content:center;width:200px}.dashboard{margin:16px 0}.stats{max-width:95vw;width:500px}.stats td{padding:4px 8px}.stats tr:nth-child(odd){background-color:#cbe4f1}.stats tr:nth-child(2n){background-color:#fff}.heading{font-family:Ubuntu,sans-serif;font-weight:500}.heading,.tab-icon{color:#282626;font-size:14px}.tab-icon{margin-right:48px}.data{font-weight:600}.nav-tabs{display:flex;margin-top:24px}.tab-btn{border:none;border-radius:8px 8px 0 0;cursor:pointer;font-family:Lato,sans-serif;font-weight:600;margin:1px;min-width:100px;outline:none;padding:8px}.chosen{background-color:#282626;border:1px solid #282626}.norm-tab{color:#282626}.users{background-color:#3b4eca;border:1px solid #3b4eca;color:#eff0f5}.proj-btn{background-color:#64d3f2;border:1px solid #64d3f2}.notes{background-color:#1bb73d;border:1px solid #1bb73d;color:#e7efe9}.resources-btn{background-color:#f1212f;border:1px solid #f1212f;color:#dedede}.jobs-btn{background-color:#0d1c7b;border:1px solid #0d1c7b;color:#edeef4}.qa-btn{background-color:#c5620b;border:1px solid #c5620b;color:#f0ece8}.page-button,.page-icon,.page-label{margin:0 8px}.page-label{color:#2d4a5f;font-family:Lato,sans-serif;font-size:16px;font-weight:600}.data-container{background-color:#fff;border-radius:5px;box-shadow:0 1px 2px 0 #1a1b1c;margin:8px;padding:4px;width:800px}.titles-box{align-items:center;background-color:#dedede;border-radius:4px;display:flex;padding:4px}.even{background-color:#b4dcf1}.caps{color:#343434;flex-grow:1;font-family:Lato,sans-serif;font-size:18px;font-weight:600}.user-info{align-items:center;display:flex;margin:0 10px;overflow:hidden;width:160px}.user-role,.user-title{width:100px}.user-role{display:flex;justify-content:center}.modify{text-align:center;width:100px}.user-avatar{border-radius:50%;height:25px;margin:0 16px;width:25px}.info-data{flex-grow:1;font-family:Lato,sans-serif;font-size:11px}.role-data{align-items:center;background-color:#6fef6fa4;border-radius:20px;color:green;display:flex;height:18px;justify-content:center;padding:6px;width:50px}.info-box{display:flex;flex-direction:column;padding:4px 0}.data-box{display:flex;flex-direction:row;padding:8px}.mod-button{background-color:initial;border:none;cursor:pointer;margin:0 2px;outline:none}.user-role{text-align:center}.dash-data{align-items:center;display:flex;flex-direction:column;overflow-x:auto;padding:10px 10px 10px 200px;width:calc(100vw - 200px)}.del-section,.edit-section{align-items:center;display:flex;justify-content:flex-end;padding:8px}.del-mod-button{border:none;border-radius:8px;box-shadow:2px 3px 1px 0 #1a1b1c;font-size:12px;margin:0 8px;padding:4px 8px}.edit-msg,.warning-msg{background-color:#fff;border-radius:4px;font-family:lato,sans-serif;font-size:12px;font-weight:600;padding:2px 8px}.warning-msg{color:red}.edit-msg{color:#047004}.ask-rules{background-color:#fff;border-radius:8px;box-shadow:0 2px 1px 0 #2d4a5f,0 1px 3px #2d4a5f;margin-bottom:16px;margin-top:8px;width:90%}.rules-caption{font-family:Lato,sans-serif;font-size:24px;font-weight:600;text-align:center}.rules-caption,.rules-unit{color:#2d4a5f;margin:16px 0}.rules-unit{align-items:center;display:flex;font-size:16px;font-weight:500;padding:8px}.q-icon{margin-right:8px}.question-form{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 1px 0 #2d4a5f,0 1px 3px #2d4a5f;display:flex;flex-direction:column;margin-bottom:16px;margin-top:8px;max-width:95vw;width:700px}.question-input{height:100px;margin:16px 0;padding:12px;width:85%}.answer-input{text-wrap:auto;background-color:#fff;border:1px solid #2d4a5f;border-radius:8px;line-height:24px;max-height:400px;min-height:100px;overflow-y:auto;padding:8px;width:85%}@media (max-width:768px){.question-form{padding:5%;width:85vw}}.image-container{align-items:center;display:flex;flex-direction:column;margin:16px 0}.image-upload{background-color:#2d4a5f;border:none;border-radius:8px;color:#fff;cursor:pointer;margin:8px 0}.edit-btn,.image-upload{outline:none;padding:8px}.edit-btn{background-color:initial;border:none;font-size:24px;margin:0 16px}.profile-iage{border-radius:50px;height:100px;width:100px}.dash-button{background-color:#fff;border:1px solid #2d4a5f;border-radius:8px;color:#2d4a5f;cursor:pointer;font-weight:600;outline:none;padding:8px}.dash-button:hover{background-color:#2d4a5f;color:#fff}.form-container{margin:auto}.danger-zone{padding:16px 0}.danger-signal{font-size:24px;margin-bottom:16px;text-align:center}.danger-btn,.danger-signal{color:#f0000f;font-weight:600}.danger-btn{background-color:#fff;border:1px solid #f0000f;border-radius:8px;cursor:pointer;outline:none;padding:8px}.danger-btn:hover{background-color:#f0000f;color:#fff}.del-message-box{border:1px solid #2d4a5f;border-radius:16px;font-family:sans-serif;font-weight:500;line-height:24px;margin:16px 8px;padding:8px}.check-zone{margin:16px}.chk{margin-right:16px}.delete-box{margin:16px}.del-input-box{margin-bottom:16px}.del-init{margin-bottom:8px}.del-input{border:1px solid #dedede;border-radius:8px;height:32px;max-width:calc(100% - 32px);padding:0 8px;width:350px}.del-input:focus{border:1px solid #dedede;outline:none}.u-nm{color:#f0000f;font-weight:600;margin-inline:8px}.del-button{background-color:#f0000f;border:1px solid #f0000f;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;outline:none;padding:8px}.switch-button{background-color:#fff;border-radius:50%;height:36px;justify-content:center;transform:translateX(0);transition:transform .6s ease;width:36px}.switch-button,.switch-groove{align-items:center;box-shadow:0 1px 0 1px #dde6dc;display:flex}.switch-groove{background-color:#afe6a971;border-radius:15px;height:30px;margin:45px;width:60px}.switched-gr{background-color:#fff}.switched{transform:translateX(24px);transition:transform .6s ease}

/*!
 * Viewer.js v1.9.0
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-12-06T11:25:10.724Z
 */.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:280px;color:#0000;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container ::-moz-selection,.viewer-container::-moz-selection{background-color:initial}.viewer-container ::selection,.viewer-container::selection{background-color:initial}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:#00000080;overflow:hidden}.viewer-list{-webkit-box-sizing:content-box;box-sizing:initial;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:#0000;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;-webkit-transition:opacity .15s;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;right:0;z-index:1}.viewer-player,.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:#00000080;border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;-webkit-transition:background-color .15s;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:#000c}.viewer-toolbar>ul>li:focus{-webkit-box-shadow:0 0 3px #fff;box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:#000c;border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1;margin:0 5% 5px;max-width:90%;opacity:.8;overflow:hidden;text-overflow:ellipsis;-webkit-transition:opacity .15s;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{background-color:#00000080;border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;-webkit-transition:background-color .15s;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:#000c}.viewer-button:focus{-webkit-box-shadow:0 0 3px #fff;box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:#00000080}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:-webkit-grab;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{-webkit-transition:all .3s;transition:all .3s}@-webkit-keyframes viewer-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes viewer-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.viewer-loading:after{-webkit-animation:viewer-spinner 1s linear infinite;animation:viewer-spinner 1s linear infinite;border:4px solid #ffffff1a;border-left-color:#ffffff80;border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}.scroll-to-top{align-items:center;display:flex;justify-content:center;left:calc(100vw - 100px);position:fixed;top:calc(100vh - 100px);z-index:99}.scroll-to-top button{background-color:#2a88cb;border:none;border-radius:20px;height:40px;outline:none;width:40px}.page-bg{align-items:center;display:flex;height:60vh;text-align:center;width:100vw}.notes-bg{background-image:url(/static/media/lecture-notes.3dd4b1f26146f29201a2.jpg)}.proj-bg{background-image:url(/static/media/research-notes.578b4e56d6568453c851.jpg)}.qa-bg{background-image:url(/static/media/question.9945620f5a0f69742d08.jpg)}.bg-cover{align-items:center;background-color:#3456784f;color:#2d4a5f;display:flex;height:100%;justify-content:center;width:100%}.bg-text{font-family:Kanit,sans-serif;font-size:48px;font-weight:700}.add-page,.adm-btns{display:flex}.adm-btns{justify-content:flex-end}.add-container{flex-grow:1;margin:16px}.question-unit-container{display:flex;flex-direction:column;margin:16px 0}.option-unit{display:flex;flex-direction:row;margin:4px 0}.option-radio,.option-text{margin:0 4px}.unit-container{margin:36px 0}.unit-top{display:flex}.btn-box,.tick-cross-box{background-color:initial;border:none;cursor:pointer;outline:none}.tick-cross-box{display:none}.submitted{display:inline-flex}.unit-top{font-family:sans-serif;font-weight:600}.q-number{margin-right:16px}.answer-unit{align-items:flex-start;display:flex;margin:8px 0}.page-buttons{align-items:center;display:flex;justify-content:center;padding:8px}.page-btn{margin:0 8px}.tutorial-file{display:block;height:80vh;margin:auto;max-width:100vw;width:700px}.tutorial-detail{background-color:#fff;height:auto}.video-container{margin:16px auto;max-width:100vw;width:700px}.video-container video{position:relative;width:100%}.ctrl-button{background-color:#2d4a5f;border:none;border-radius:4px;color:#efefef;font-weight:600;margin:8px;outline:none;padding:8px 16px;position:relative}.question-box{margin:24px auto;max-width:98vw;width:700px}.prev{max-height:400px;max-width:400px}.prev-vid{width:100%}.tutorial-prevs{bottom:-70vh;height:70vh;position:fixed;width:100vw}.slide-up,.tutorial-prevs{transition:bottom .6s ease;z-index:10}.slide-up{align-items:center;bottom:0}.option{display:flex}.vid-prev-unit{align-items:center;display:flex;gap:16;justify-content:space-between;margin:8px auto;max-width:300px;padding:8px 0;width:100%}.outline-screen{background-color:#2d4a5f3f;display:flex;position:fixed;top:0;z-index:9}.close-btn-box{align-items:center;display:flex;justify-content:flex-end;padding:8px}.close-box{border:none}.vid-prev-unit:hover{background-color:#2d4a5f;color:#efefef;cursor:pointer}.vid-prev-unit:hover.vid-prev-unit button{color:#fff}.prev-title{font-weight:600;padding:0 16px}.vid-prev{width:200px}.add-form-container{margin:30px auto;max-width:100vw;width:700px}.n-form-cont{padding:8px}.n-frm-cont{align-items:center;border:1px solid #dedede;border-radius:8px;display:flex;margin-bottom:16px;padding:0 8px}.n-frm-inpt{border:none;flex-grow:1;height:36px;margin:0 16px;outline:none}.n-input-cap{color:#888;font-weight:600}.frm-button-box{display:flex;justify-content:center;margin:16px auto;max-width:100vw;padding:8px 0;width:700px}.frm-button,.set-btn{background-color:#2d4a5f;border:none;color:#dedede;font-weight:600;outline:none;padding:8px 16px}.set-btn{margin-bottom:16px}.opt-caption{font-family:Exo\ 2,sans-serif;font-size:24px;font-weight:600;margin-bottom:8px}.dis{background-color:#dedede;color:#777}.action-btns{display:flex;justify-content:center;max-width:95vw;width:700px}.unit-update{border-bottom:1px solid #2d4a5f;padding-bottom:8px}.update-option-btns{display:flex}.u-o-btn{margin:0 16px}.questions-cont{height:1000px;overflow-y:auto}.score-box{font-weight:600}.score-caption{margin-right:8px}.score-val{color:#09ac14}.b-av{color:#f30000}.retake-box{display:flex;justify-content:flex-end;padding:8px}.retake-button{background-color:initial;border:1px solid #2d4a5f;border-radius:8px;color:#2d4a5f;cursor:pointer;font-weight:600;padding:8px 16px}.video-cover{background-color:initial;height:80vh;margin:auto auto -80vh;max-width:100vw;position:relative;width:700px;z-index:2}.subscr-button{background-color:#0eb440;border:1px solid #0eb440;border-radius:50%;cursor:pointer;display:block;font-size:48px;height:60px;margin:auto;width:60px}.my-dialog{border:none;border-radius:16px;display:flex;flex-direction:column;max-width:80vw;padding:16px 0;width:300px}.mod-input{border:1px solid #888;border-radius:20px;height:20px;margin:8px;outline:none;padding:8px}.mod-input:focus{border:2px solid #276bd1}.btn-section{align-items:center;display:flex;justify-content:center;padding:8px}.modal-btn{border:1px solid #777;border-radius:20px;height:36px;margin:0 16px;min-width:100px;padding:8px}.modal-btn:hover{border:2px solid #276bd1}.field-label{color:#2d4a5f;display:block;font-size:24px;font-weight:600;padding:8px 16px}.purchase-prompt{align-items:center;display:flex;margin:16px auto;max-width:95vw;width:700px}.unit-container{max-width:95vw;padding:12px;width:350px}.global-medic-container{background-color:#fff}.gm-content{border-top:1px solid #2d4a5f;display:flex;gap:16}.gm-sidebar{background-color:#efefef;max-width:95vw;width:250px}.categories-container{align-items:center;display:flex;flex-direction:column;gap:16px;padding:16px}.category-button{background-color:#2a88cb;border:none;border-radius:16px;color:#fff;cursor:pointer;font-weight:500px;height:32px;width:calc(100% - 16px)}.gm-post-list{align-items:center;display:flex;flex-direction:column;flex-grow:1;max-width:95vw;width:600px}.nothing-found{color:#2d4a5f;font-size:24px;font-weight:600;text-align:center}.add-button{align-items:center;border:1.5px solid #2a88cb;border-radius:20px;color:#2a88cb;cursor:pointer;display:flex;gap:16px;height:40px;padding-inline:16px}.filter-buttons{display:flex;flex-wrap:wrap;gap:16px;padding:16px}.filters-button{align-items:center;border:1.5px solid #2a88cb;border-radius:16px;color:#2a88cb;cursor:pointer;display:flex;gap:16px;height:32px;padding-inline:16px}.add-ico{color:#fff;color:#2a88cb;font-size:18px}.add-button:hover{background-color:#2a88cb;color:#fff}.add-button:hover .add-ico{color:#fff}.post-discussion-form{align-items:center;background-color:#efefef;border-radius:16px;display:flex;flex-direction:column;max-width:95vw;width:800px}.p-input-container{align-items:flex-start;background-color:#fff;border:1px solid #dedede;border-radius:8px;display:flex;margin-block:8px;min-height:80px;width:calc(100% - 32px)}.lg-input{min-height:150px}.disc-input{border:none;flex-grow:1;margin-left:8px;outline:none;padding:8px}.input-label{color:#504a4a;font-size:16px;font-weight:500;margin-left:8px;padding-block:8px}.disc-frm-bttn{border:none;border-radius:20px;color:#504a4a;cursor:pointer;flex-grow:1;font-size:14px;font-weight:600;height:40px;margin-block:18px;outline:none;width:300px}.active-button{background-color:#2a88cb;color:#fff}.format-bar{align-items:flex-start;background-color:#2a88cb;display:flex;padding:8px;width:352px}.format-btn{border:1px solid #dedede;border-radius:4px;color:#504a4a;cursor:pointer;font-size:16px;height:30px;margin-inline:4px;width:30px}.tags-container{display:flex;flex-wrap:wrap;gap:12px;margin:16px}.tag-button{align-items:center;background-color:#fff;border:1px solid #2a88cb;border-radius:10px;color:#504a4a;cursor:pointer;display:flex;font-size:10px;gap:8px;height:20px}.tag-chk{color:#2a88cb}.link-form{background-color:#fff;max-width:95vw;padding-block:16px;width:400px}.selected{background-color:#9acd32}.disc-img-box{display:flex;flex-direction:column;width:200px}.post-form-pg{background-color:#2a88cb;background-image:url(/static/media/bg.ec2dd8fe7e8e4e8e5754.png);background-size:contain;min-height:100vh}.file-btn-input{overflow:hidden;width:0}.file-btn-input::-webkit-file-upload-button{visibility:hidden}.close-img{align-items:center;background-color:initial;border:1px solid #504a4a;border-radius:10px;color:#504a4a;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;margin-bottom:8px;outline:none;width:20px}.post-item{background-color:#efefef;border-radius:16px;cursor:pointer;margin-block:16px;max-height:400px;max-width:95vw;overflow:hidden;padding-block:16px;width:800px}.opened{max-height:300vh;overflow:auto}.post-title{color:#504a4a;font-size:32px;font-weight:600;margin:8px 16px}.post-image{border-radius:8px;height:500px;margin:16px;max-width:98%;width:764px}.post-image-box{height:160px;overflow:hidden}.viewed{height:500px}.post-content{font-size:16px;line-height:24px;margin:8px 16px;max-height:100vh;overflow-y:auto}.author-info{align-items:center;color:#504a4a;display:flex;font-size:14px}.author-avatar{border-radius:15px;height:30px;margin-inline:16px;width:30px}.reaction-box{align-items:center;display:flex;gap:16px;margin:8px 16px}.reaction-buttons{border:none;color:#888;cursor:pointer;font-size:16px;margin:8px 16px;outline:none}.react-cnt{font-size:12px;margin-right:4px}.more{border:none;color:#888;cursor:pointer;font-size:16px;font-style:italic;margin-inline:16px;outline:none}.comments-section{max-height:65vh;overflow-y:auto}.chosen{background-color:#2a88cb;color:#fff}.mobi-filter-btn{display:none}@media (max-width:768px){.gm-sidebar{display:none;position:absolute}.gm-post-list,.posts{align-items:center;width:100vw}.posts{display:flex;flex-direction:column}.mobi-filter-btn{align-items:center;background-color:#2a88cb;border:none;border-radius:20px;color:#fff;display:flex;height:40px;justify-content:center;margin-top:-40px;position:absolute;right:10px;width:80px}}.comment-section{display:flex;flex-direction:column;padding:16px}.comm-input-box{align-items:flex-end;display:flex;gap:16px}.comm-input{align-items:flex-start;border:1px solid #888;border-radius:25.5px;display:flex;flex-direction:column;flex-grow:1;margin:16px 0;max-width:calc(100% - 140px);min-height:18px;padding-block:16px}.comm-input-txt{outline:none;padding:0 16px;width:calc(100% - 32px)}.comm-input-txt:focus{border-radius:26px;outline:none}.comment-button{background-color:#2a88cb;border:1px solid #2a88cb;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;height:54px;margin-block:16px;width:80px}.comment-image,.img-frm{height:150px;width:150px}.comment-image{border-radius:16px;margin:0 16px}.close-cmt-img{border:1px solid #fdf6f6;border-radius:8px;color:#272222;cursor:pointer;font-size:16px;margin:8px 16px 0 132px;padding:4px 8px;position:absolute;z-index:1}.post-item-cmt{background-color:#fdf6f6;border-radius:16px;border-top-left-radius:0;margin:16px 16px 16px 42px;max-width:75%;padding:16px}.action-box{color:#888;display:flex;flex-grow:1;font-size:16px;justify-content:flex-end}.menu-list{align-items:flex-start;background-color:#fff;border-radius:8px;box-shadow:0 1px 1px 0 #454545,1px 0 2px 0 #454545;display:flex;flex-direction:column;height:200px;margin-left:200px;position:absolute;width:200px;z-index:9}.comm-menu-btn{background-color:initial;font-weight:500;margin-block:6px;text-align:left}
/*# sourceMappingURL=main.5658e93e.css.map*/