*{box-sizing:border-box;transition:20ms;outline:none;text-decoration:none}.desktop{display:inherit!important}.mobile{display:none!important}body{background-color:#faf9f7;margin:0}.clickable{background-color:transparent;position:absolute;width:100%;height:100%}.empty_state{color:gray;font-size:.75rem;width:100%;height:100%;padding:0 2vw;text-align:center;align-content:center}h1,h2,h3,h4{margin:0;font-family:Caudex;color:#333737}p{margin:0;font-family:Avenir;color:#333737}button{cursor:pointer}.btn1{background-color:#f7f6f3;display:flex;width:100%;padding:calc(600vw/1512) calc(1200vw/1512);margin-top:calc(1600vw/1512);border:none;border-radius:4px}.btn1 p{margin:auto;font-size:calc(1200vw/1512);color:#a34a21}.btn2_filled{background-color:#a34a21;display:flex;width:100%;padding:calc(800vw/1512) calc(1200vw/1512);border:none;border-radius:4px}.btn2_filled p{margin:auto;font-size:calc(1200vw/1512);color:#fff}.btn2_unfilled{background-color:#fff;display:flex;width:100%;padding:calc(800vw/1512) calc(1200vw/1512);border:1px solid #A34A21;border-radius:4px}.btn2_unfilled p{margin:auto;font-size:calc(1200vw/1512);color:#000}.wrapper{position:relative;display:flex;flex-wrap:wrap;width:100%;height:100%;gap:calc(2000vw/1512);justify-content:space-between}.header_banner{display:flex;width:100%;margin:0 auto auto;padding:calc(2000vw/1512);flex-wrap:wrap}.header_banner h1{font-size:calc(2800vw/1512);margin:0}.wrapper .container{display:flex!important;flex-direction:row!important;width:100%;height:84vh;margin:0 auto auto;padding-bottom:1vw;gap:calc(2000vw/1512);flex-grow:1}.wrapper .container>.content{position:relative;display:flex;width:calc(91000vw/1512);height:100%;margin:auto 0;flex-direction:column;gap:calc(2000vw/1512);justify-content:flex-start}.widgets{position:relative;display:flex;width:calc(31300vw/1512);height:100%;flex-direction:column;gap:calc(2000vw/1512);margin:auto 0;padding:0 1vw}.chats_container,.announcements_container{flex-grow:1;height:100%;min-height:48%}.row{display:flex!important;width:auto;justify-content:flex-start;flex-wrap:wrap;overflow-x:scroll;gap:calc(2000vw/1512)}.card{background-color:#fff;position:relative;padding:calc(2000vw/1512);border:1px solid #EBEBEB;border-radius:8px;overflow-y:scroll}*::-webkit-scrollbar{display:none}.inProgressCourse{display:flex;min-width:calc(29000vw/1512);max-width:calc(29000vw/1512);padding:calc(2000vw/1512);justify-content:space-between}.inProgressCourse .img{width:calc(10100vw/1512);height:calc(10100vw/1512);margin:auto;margin-right:calc(1200vw/1512);object-fit:cover}.inProgressCourse .img img{width:100%;height:100%;border-radius:4px;object-fit:cover}.inProgressCourse .info{width:calc(13700vw/1512);margin:auto}.inProgressCourse .info .course_name{font-size:calc(1800vw/1512)}.inProgressCourse .info progress-bar{margin-top:calc(400vw/1512)}.inProgressCourse .info button{width:calc(13700vw/1512)}.blackScreen{display:none}@media only screen and (max-width: 600px){body{overflow-y:scroll}.desktop{display:none!important}.mobile{display:inherit!important}.blackScreen{background-color:#fff;position:fixed;display:flex;width:100vw;height:100vh;top:0;left:0;z-index:16777270;text-align:center}.blackScreen h1{margin:auto;color:#000;font-size:10vw}.btn1{padding:calc(600vw/390) calc(1200vw/390);margin-top:calc(800vw/390)}.btn1 p{font-size:calc(1200vw/390)}.btn2_filled{padding:calc(600vw/390) calc(1200vw/390)}.btn2_filled p{font-size:calc(1200vw/390)}.btn2_unfilled{padding:calc(600vw/390) calc(1200vw/390)}.btn2_unfilled p{font-size:calc(1200vw/390)}.header_banner{padding:calc(1200vw/390)}.header_banner h1{font-size:calc(2100vw/390);margin:0}.wrapper{height:auto;display:block}.wrapper .container{gap:calc(2000vw/390)}.wrapper .container>.content{position:relative;display:block;width:100%;height:auto;margin-top:calc(2000vw/390);flex-wrap:wrap;justify-content:space-between}.widgets{display:none}.card{padding:calc(800vw/390);border-radius:4px}.row{width:100%;gap:calc(2000vw/390)}.inProgressCourse{min-width:calc(20500vw/390);max-width:calc(20500vw/390);padding:calc(800vw/390);margin-right:calc(800vw/390)}.inProgressCourse .img{width:calc(7400vw/390);height:calc(7400vw/390);margin-right:calc(800vw/390)}.inProgressCourse .info{width:calc(10700vw/390)}.inProgressCourse .info .course_name{font-size:calc(1200vw/390)}.inProgressCourse .info progress-bar{margin-top:calc(400vw/390)}.inProgressCourse .info button{width:calc(10700vw/390)}}