.learn-layout{--navbar-height:70px;height:calc(100vh - var(--navbar-height));background-color:var(--color-secondary-200);display:flex;overflow:hidden}.learn-layout .learn-sidebar{border-right:1px solid var(--color-secondary-300);flex-direction:column;flex-shrink:0;width:100%;max-width:385px;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.learn-layout .learn-sidebar .learn-sidebar-scroll{flex:1;min-height:0;padding:20px 12px 64px;overflow-y:auto}.learn-layout .learn-sidebar .progress-bar-container{margin-bottom:20px}.learn-layout .learn-sidebar .non-enrolled-msg{color:#333;background-color:#ffd05a;border-radius:8px;margin:15px 0;padding:10px;font-size:15px;font-weight:500;box-shadow:0 1px 2px #0003}.learn-layout .learn-sidebar .non-enrolled-msg u{cursor:pointer}.learn-layout .learn-main-with-mentor{flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.learn-layout .learn-main{flex:1;min-width:0;height:100%;overflow-y:auto}.learn-layout .learn-main-inner{width:100%;max-width:1000px;margin:0 auto;padding:24px 20px 80px}@media (max-width:1024px){.learn-layout{flex-direction:column;height:auto;overflow:visible}.learn-layout .learn-sidebar{border-right:none;border-bottom:1px solid var(--color-secondary-300);order:2;max-width:100%;height:auto;overflow:visible}.learn-layout .learn-sidebar .learn-sidebar-scroll{min-height:0;padding-bottom:0;overflow-y:visible}.learn-layout .learn-main-with-mentor{flex-direction:column;height:auto;overflow:visible}.learn-layout .learn-main{height:auto;overflow-y:visible}}