.skeleton{background:#2b2f36;border-radius:6px;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{left:100%}}.skeleton-image{width:100%;height:280px}.skeleton-title{height:42px}.skeleton-text{height:16px}.skeleton-avatar{border-radius:50%;width:45px;height:45px}.skeleton-user{border-radius:50%;width:30px;height:30px}.skeleton-rating{width:60px;height:30px}.w-20{width:20%}.w-25{width:25%}.w-40{width:40%}.w-50{width:50%}.w-75{width:75%}.w-85{width:85%}.w-90{width:90%}
.course-modal .btn-close{right:25px}.course-modal .modal-content{color:#fff;background:#0f172a;border-radius:12px}.course-modal .modal-header{border-bottom:1px solid #2d3748}.course-modal .modal-header small{color:#39ff9d;padding-bottom:5px;display:block}.course-modal .modal-header h5{color:#fff}.course-modal .video-list{border-top:1px solid #2d3748}.course-modal .video-item{cursor:pointer;border-bottom:1px solid #2d3748;padding:15px 18px;transition:all .3s}.course-modal .video-item:hover,.course-modal .video-item.active{color:#0b0519;background:#39ff9d}