.live-class-item{border-radius:10px;border:1px solid #eaf0f5;background:#fff;justify-content:space-between;padding:20px;align-items:center}.course-info p:first-of-type{font-size:16px;margin:0;font-weight:600}.mobile.sidebar-bottom{border-radius:10px;border:1px solid #eaf0f5;background:#fff;box-shadow:2.805px 4.675px 46.747px -7.479px rgba(0,0,0,.07);padding:24px;margin:36px 0}.live-class-schedule p{margin:0;align-items:center;gap:5px;color:var(--color-primary)}.live-class-item.flex .live-class-schedule,.live-class-item.flex .next-class{font-size:14px;display:flex;align-items:center;gap:15px;justify-content:center}.live-class-item .next-class{flex:1 1;text-align:center;min-width:190px}.live-class-item.flex .name{font-size:14px}.live-class-instructor.flex{gap:10px;align-items:center}.live-class-instructor.flex .avatar img{border-radius:24px}.live-class-instructor span{font-size:10px}.live-class-item.flex{flex-direction:column;margin-bottom:20px}@media screen and (max-width:1200px){.live-class-item.flex>*{width:100%}}.live-class-timer.flex{column-gap:6px;align-items:center;justify-content:center;margin:15px 0}.live-class-timer-item>span:first-of-type{border-radius:2.627px 2.627px 0 0;background:#f2fafc;padding:5px 10px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;font-family:var(--font-secondary);color:#41b7e9}.live-class-timer-item{border-radius:3.153px;border:.525px solid #e9eae9;background:#fff;text-align:center;width:50px}.live-class-timer-item span:last-of-type{font-size:12px}.live-class-joining-button button{margin:0 auto;font-size:13px;padding:10px}.live-class-item .image img{border-radius:10px}.live-class-course.grid{display:grid;grid-template-columns:1fr}.course-info{max-width:calc(100% - 80px);display:flex}.course-info,.live-class-instructor .flex{flex-direction:column}.live-class-schedule{margin:0;flex:1 1}.live-class-joining-button{text-align:center}.live-class-item{display:flex;flex-direction:column;gap:15px}.live-class-item p{margin:0}.course-info-data{margin-top:10px}.course-info-data .course-title{font-size:20px;font-weight:700;margin:10px 0}@media screen and (min-width:770px){.live-class-item{flex-direction:row}.course-info-data .course-title{all:unset}.live-class-course.grid{display:grid;grid-gap:20px;gap:20px;grid-template-columns:200px 1fr}}@media screen and (min-width:990px){.live-class-course.flex{align-items:center}}@media screen and (min-width:1200px){.live-class-timer-item{width:40px}.live-class-item.flex{padding:20px 20px 20px 10px}.live-class-course.flex{max-width:310px}.live-class-joining-button button{margin-top:10px}.live-class-schedule p{font-size:14px}.live-class-item.flex{flex-direction:row}.next-class{flex-basis:80px}.live-class-timer.flex{margin:0}.live-class-item.flex .live-class-schedule{flex-direction:column;margin:0;gap:0;align-items:baseline}.live-class-item.flex .next-class{gap:0}}@media screen and (min-width:1400px){.live-class-joining-button button{margin-top:0}}