.zoom-class-container{background-color:var(--color-secondary-100);border:1px solid var(--color-secondary-300);border-radius:20px;flex-direction:row;justify-content:space-between;align-items:stretch;width:100%;padding:20px 30px;display:flex}.zoom-class-info{align-items:center;gap:24px;display:flex}.zoom-class-icon{width:40px;height:40px}.zoom-class-description{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.zoom-class-course{color:var(--color-neutral-100);margin-bottom:4px;font-size:18px;font-weight:600}.zoom-class-date{align-items:center;display:flex}.zoom-class-time{color:var(--color-neutral-300);padding-left:10px;font-size:14px}.slido-link{color:var(--color-primary-400);border:none;border-bottom:1px solid var(--color-primary-400);cursor:pointer;background:0 0;align-items:center;gap:4px;width:max-content;margin-left:20px;font-size:16px;font-weight:600;display:flex}.zoom-class-btn-container{flex-direction:column;gap:10px;display:flex}.zoom-class-btn-container button{justify-content:center;align-items:center;gap:8px;width:250px;display:flex}@media screen and (max-width:1244px){.zoom-class-container{flex-direction:column;align-items:flex-start}.zoom-class-btn-container{flex-direction:row;padding-top:20px}}@media screen and (max-width:850px){.zoom-class-icon{display:none}.zoom-class-info{width:100%}.zoom-class-description{align-items:center;width:100%}.zoom-class-date{text-align:center;flex-direction:column;gap:8px}.slido-link{margin-left:0}.zoom-class-btn-container{flex-direction:column;width:100%}.zoom-class-btn-container button{width:100%}}
.prev-live-class{background-color:var(--color-secondary-100);border:1px solid var(--color-secondary-300);color:var(--color-neutral-100);border-radius:20px;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;padding:15px 25px;font-size:14px;font-weight:500;display:flex}.prev-live-class-name{color:var(--color-neutral-100);text-align:left;background:0 0;border:none}.prev-live-class-name.playable{cursor:pointer}.prev-live-class-details{align-items:center;font-size:14px;display:flex}.prev-live-class-details .play-now{color:var(--color-primary-200);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.prev-live-class-details .content-locked{align-items:center;gap:4px;font-weight:500;display:flex}@media screen and (max-width:800px){.prev-live-class{border-radius:10px}}
.zoom-classes-wrapper{width:100%;margin:0 auto}.zoom-classes-tabs{margin-bottom:16px}.upcoming-zoom-classes,.previous-zoom-classes{flex-direction:column;gap:16px;display:flex;overflow:hidden}.no-classes{justify-content:center;align-items:center;width:100%;height:300px;display:flex}.no-classes p{color:var(--color-neutral-400);font-size:20px;font-weight:600}.zoom-classes-wrapper .pagination{margin-top:20px}@media screen and (max-width:730px){.no-classes{height:200px}}