@import"https://fonts.cdnfonts.com/css/satoshi";:root{font-size:16px;--blue-color: #006af5;--font-primary: "satoshi", sans-serif}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-primary)}body{margin:0;padding:0;overflow-x:hidden}a{text-decoration:none;cursor:pointer}.CourseRecordings{padding:0 160px;max-width:1440px;margin:auto;position:relative;display:flex;flex-direction:column}.MHLOGO{margin-top:40px;margin-left:auto}.logoutbtn{position:absolute;top:113px;right:160px;color:var(--Neutrals-neutral---700, #39393d);font-size:14px;font-weight:500;line-height:18px;letter-spacing:.245px;background-color:#fff;border:none;border-bottom:2px solid #39393d}.welcomemsg{margin-top:40px;color:var(--Neutrals-neutral---600, #6a6a6b);font-weight:400;line-height:20px;letter-spacing:.28px}.courseDet{margin-top:16px;display:flex;max-width:350px;flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:40px}.courseDet h4{color:var(--Blue-blue---500, #006af5);font-size:32px;font-weight:500;line-height:40px}.courseDet p{color:var(--Neutrals-neutral---800, #08080c);font-size:16px;font-weight:500;line-height:20px;letter-spacing:.28px}.recordings{display:flex;max-width:1120px;height:429px;overflow-y:auto;padding:16px;flex-direction:column;align-items:center;gap:24px;background:var(--Neutrals-neutral---50, #f5f5f7)}.recordings::-webkit-scrollbar{display:none}.WeekRecordings{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:1088px}.weeknumber{color:var(--Neutrals-neutral---600, #6a6a6b);font-size:14px;font-weight:400;line-height:18px;letter-spacing:.245px}.Linksdiv{display:flex;width:1088px;padding:4px 8px;justify-content:space-between;align-items:center;border-radius:4px;background:var(--Neutrals-neutral-BG, #fdfdff)}.Linksdiv:hover{background:var(--Blue-blue---600, #0050b8);cursor:pointer}.Linksdiv:hover p{color:var(--Neutrals-neutral---50, #f5f5f7)}.LinksTitle{color:var(--Neutrals-neutral---800, #08080c);font-size:18px;font-weight:500;line-height:24px;letter-spacing:.27px;min-width:357px}.LinksTag{color:var(--Neutrals-neutral---600, #6a6a6b);text-align:center;font-size:12px;font-weight:400;line-height:16px;letter-spacing:.21px;min-width:357px}.statechangebox{min-width:357px;display:flex;justify-content:flex-end}.hover-content,.statechangebox:hover .blue-btn{display:none}.statechangebox:hover .hover-content{display:flex;transform:translate(100%);animation:slide .3s ease-out forwards}@keyframes slide{0%{transform:translate(100%)}to{transform:translate(0)}}.card-text:hover{text-decoration:underline;cursor:pointer;margin-right:2px}@media (max-width: 550px){.CourseRecordings{max-width:354px;padding:0 16px}.recordings{max-width:276px;margin:auto;height:350px}.WeekRecordings{max-width:276px}.Linksdiv{width:260px}.LinksTitle{min-width:131px}.statechangebox{min-width:30px}.logoutbtn{top:620px}.Linksdiv:hover{background:var(--Neutrals-neutral-BG, #fdfdff)}.Linksdiv:hover p{color:var(--Neutrals-neutral---800, #08080c)}}.CustomInput{width:295px;gap:8px;margin-bottom:24px;height:fit-content;display:flex;flex-direction:column}.Inputbox,.InputLabel{font-size:16px;font-weight:500;line-height:20px;letter-spacing:.28px}.Inputbox{color:#8d8d8f;padding:8px 16px}.Inputbox:valid{color:#000}.InputLabel{color:var(--Neutrals-neutral---800, #08080c)}.Inputbox.error{border:1px solid var(--Red-red---600, #d42e1b)}.Login{max-width:1440px;margin:auto;background:var( --Blue-Gradient, linear-gradient(110deg, #006af5 24.19%, #004093 91.93%) );height:100vh;display:flex;justify-content:center;align-items:center}.whiteBox{max-width:367px;width:100%;border-radius:15px;background:#fff;display:flex;padding:0 2.25em 2.25em;flex-direction:column;align-items:center}.ImgLogo{margin:24px auto}.LoginBtn,.loginbtnload{margin-top:36px;border:none;border-radius:4px;padding:6px 12px;color:var(--Neutrals-neutral-BG, #fdfdff);font-size:18px;font-weight:500;line-height:24px;letter-spacing:.27px;width:295px;cursor:pointer}.LoginBtn{background-color:var(--blue-color)}.loginbtnload{background:var(--Blue-blue---200, #b0d1fc)}.error-text{color:var(--Red-red---600, #d42e1b);font-size:12px}@media (max-width: 550px){.Login{max-width:352px}.whiteBox{max-width:340px}}