.video-overlay-timer{z-index:10;color:#fff;background-color:#000c;border-radius:10px;grid-template-columns:1fr 1fr;width:100%;height:100%;padding:20px;display:grid}.video-overlay-timer-revisit-heading{font-size:20px;font-weight:500}.video-overlay-timer-revisit{padding:10px 20px;overflow:hidden}.video-overlay-timer-video-list{flex-direction:column;gap:20px;margin-top:30px;display:flex}.video-overlay-timer-video-item{cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;width:100%;display:flex}.video-overlay-timer-thumbnail{background-color:#fff;border-radius:6px;width:150px;min-width:150px;overflow:hidden}.video-overlay-timer-thumbnail img{object-fit:cover;width:100%;height:auto}.video-overlay-timer-revisit-title{font-size:16px;font-weight:500}.video-overlay-timer-video-item span{font-size:12px;font-weight:300}.video-overlay-timer-next-lesson{flex-direction:column;justify-content:flex-start;place-self:flex-end;align-items:center;gap:10px;display:flex}.video-overlay-timer-next-lesson>span{font-size:14px;font-weight:500}.video-overlay-timer-next-thumbnail{background-color:#000;border-radius:6px;width:320px;position:relative;overflow:hidden}.video-overlay-timer-next-thumbnail img{object-fit:cover;opacity:.5;width:100%;height:auto}.video-overlay-timer-next-info{padding:10px;position:absolute;bottom:0;left:0}.video-overlay-timer-next-title{font-size:17px;font-weight:600}.video-overlay-timer-next-duration{font-size:14px;font-weight:400}.video-overlay-timer-buttons{gap:10px;width:100%;display:flex}.video-overlay-timer-buttons>button{cursor:pointer;border:none;border-radius:6px;flex:1;font-size:14px;font-weight:600}.video-overlay-timer-buttons>button p{flex-direction:row;justify-content:center;align-items:center;gap:5px;margin:0;display:flex}.video-overlay-timer-buttons>button p svg{width:15px;height:15px}.video-overlay-timer-replay-btn{background-color:#374151;padding:16px}.video-overlay-timer-replay-btn p{color:#fff}.video-overlay-timer-next-btn{color:#000;background-color:#f3f4f6;border:4px solid #fff;padding:12px;position:relative;overflow:hidden}.video-overlay-timer-next-btn p{z-index:2;position:relative}.video-overlay-timer-next-btn:before{content:" ";width:0;height:100%;animation:linear infinite video-overlay-timer-btn-fill;animation-duration:var(--animation-duration);background-color:#fff;position:absolute;top:0;left:0}@keyframes video-overlay-timer-btn-fill{0%{width:0}to{width:100%}}@media screen and (max-width:760px){.video-overlay-timer-revisit-heading{font-size:16px}.video-overlay-timer-revisit{padding:5px 10px}.video-overlay-timer-video-list{gap:15px;margin-top:20px}.video-overlay-timer-video-item{gap:12px}.video-overlay-timer-thumbnail{width:100px;min-width:100px}.video-overlay-timer-revisit-title{font-size:14px;font-weight:500}.video-overlay-timer-video-item span{font-size:10px;font-weight:300}.video-overlay-timer-next-lesson>span{font-size:12px}.video-overlay-timer-next-thumbnail{width:180px}.video-overlay-timer-next-title{font-size:13px}.video-overlay-timer-next-duration,.video-overlay-timer-buttons>button{font-size:11px}.video-overlay-timer-replay-btn{padding:5px}.video-overlay-timer-next-btn{border:2px solid #fff;padding:3px}}@media screen and (max-width:500px){.video-overlay-timer{grid-template-columns:1fr;padding:10px}.video-overlay-timer .mobile-screen-hide{display:none}.video-overlay-timer-next-lesson{place-self:center}.video-overlay-timer-next-lesson>span{font-size:10px}.video-overlay-timer .mobile-hide{display:none}}