.lesson-grid{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.lesson-grid--item{border:1px solid #ccc;color:#111;display:block;text-decoration:none;transition:all .3s ease;width:25%}.lesson-grid--item.no-permisson{opacity:.5;pointer-events:none}.lesson-grid--item-icon{align-items:center;background-color:#f0f0f0;display:flex;font-size:2rem;justify-content:center;padding:50px 0;width:100%}a.lesson-grid--item:hover{background-color:#e0e0e0;border:1px solid #bbb;color:inherit;scale:1.02;text-decoration:inherit}.lesson-grid--item-title{font-size:.8rem;font-weight:700;padding:10px;text-align:center}.lms-lessons-block{display:flex;gap:3rem;margin-top:3rem}.lms-lessons-nav{width:200px}.lms-lessons-nav ul{list-style:none;margin:0;padding:0}.lms-lessons-nav ul li{margin-bottom:1rem}.lms-lessons-nav ul li a{background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:.5rem;color:#111;display:block;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.lms-lessons-nav ul li a:hover{color:inherit;text-decoration:inherit}.lms-lessons-nav ul li a.active,.lms-lessons-nav ul li a:hover{background-color:#e0e0e0;border:1px solid #bbb;scale:1.01}.lms-lessons{display:flex;flex-direction:column;gap:2rem;min-height:100px;width:calc(100% - 200px)}.lms-lesson{display:none;flex-direction:column;gap:1rem}.lms-lesson.active{display:flex}.lms-lesson-video-placeholder{align-items:center;background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:.5rem;display:flex;height:300px;justify-content:center}.lms-lesson-header{background-color:#212529;color:#fff;margin-bottom:4rem;padding-bottom:4rem;padding-top:4rem;text-align:center}.lms-lesson-header h1{color:#fff}