.learn-practice-tabs{background-color:var(--color-secondary-200);border:1px solid var(--color-secondary-300);border-radius:8px;justify-content:center;align-items:center;gap:2px;width:100%;padding:4px;display:flex}.learn-practice-tabs .learn-practice-tab{min-width:0;height:36px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:1 0 0;justify-content:center;align-items:center;padding:8px 12px;font-size:16px;font-weight:600;line-height:24px;transition:background-color .15s,color .15s;display:flex}.learn-practice-tabs .learn-practice-tab:hover:not(.active){color:var(--color-neutral-300)}.learn-practice-tabs .learn-practice-tab.active{background-color:var(--color-secondary-100);border-color:var(--color-secondary-400);color:var(--color-neutral-300);box-shadow:0 1px 2px #00000040}
.learn-v2.learn-layout{--navbar-height:70px;height:calc(100vh - var(--navbar-height));background-color:var(--color-secondary-200);font-family:var(--font-inter), "Inter", system-ui, sans-serif;display:flex;overflow:hidden}.learn-v2.learn-layout .learn-sidebar{flex-direction:column;flex-shrink:0;width:100%;max-width:342px;height:100%;min-height:0;padding:20px 16px;display:flex;overflow:hidden}.learn-v2.learn-layout .learn-sidebar .progress-bar-container{flex-shrink:0;margin-bottom:20px}.learn-v2.learn-layout .learn-sidebar .learn-sidebar-card{background-color:var(--color-secondary-100);border:1px solid var(--color-secondary-300);border-radius:8px;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.learn-v2.learn-layout .learn-sidebar .learn-sidebar-card .learn-practice-tabs{flex-shrink:0;width:auto;margin:12px 16px}.learn-v2.learn-layout .learn-sidebar .non-enrolled-msg{color:var(--color-neutral-300);background-color:#7839ee1f;border:1px solid #7839ee66;border-radius:8px;flex-shrink:0;margin:0 16px 12px;padding:10px 12px;font-size:13px;font-weight:500;line-height:20px}.learn-v2.learn-layout .learn-sidebar .non-enrolled-msg u{cursor:pointer;color:var(--color-primary-200);-webkit-text-decoration-color:var(--color-primary-200);text-decoration-color:var(--color-primary-200)}.learn-v2.learn-layout .learn-main-with-mentor{flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.learn-v2.learn-layout .learn-main{flex:1;min-width:0;height:100%;overflow-y:auto}.learn-v2.learn-layout .learn-main-inner{width:100%;max-width:1000px;margin:0 auto;padding:24px 20px 80px}@media (max-width:1024px){.learn-v2.learn-layout{flex-direction:column;height:auto;overflow:visible}.learn-v2.learn-layout .learn-sidebar{border-bottom:1px solid var(--color-secondary-300);order:2;max-width:100%;height:auto;display:block;overflow:visible}.learn-v2.learn-layout .learn-sidebar .learn-sidebar-card{flex:none;min-height:0;overflow:visible}.learn-v2.learn-layout .learn-sidebar .learn-sidebar-card .course-chapter-list{border-top:1px solid var(--color-secondary-300);flex:none;min-height:0;overflow-y:visible}.learn-v2.learn-layout .learn-main-with-mentor{flex-direction:column;height:auto;overflow:visible}.learn-v2.learn-layout .learn-main{height:auto;overflow-y:visible}}.learn-v2 .learn-practice-empty{color:var(--color-neutral-400);padding:40px 0;font-size:14px;line-height:20px}