.demo-video-player{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#1b2219;isolation:isolate}
.demo-video-player video{display:block;width:100%;height:100%;object-fit:contain}
.demo-video-play{position:absolute;inset:0;border:0;color:#fff;display:flex;align-items:flex-end;gap:14px;padding:26px;text-align:left;background:linear-gradient(180deg,transparent 45%,rgba(10,17,10,.7));transition:background .2s}
.demo-video-play:hover{background:linear-gradient(180deg,rgba(10,17,10,.04) 25%,rgba(10,17,10,.82))}
.demo-video-play:focus-visible{outline:3px solid #c5f500;outline-offset:-5px;color:#fff;background:linear-gradient(180deg,transparent 25%,rgba(10,17,10,.82))}
.demo-video-play-icon{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:50%;background:#c5f500;color:#17191b;font-size:20px;padding-left:3px}
.demo-video-play>span:last-child{font-size:17px;font-weight:500;line-height:1.3;padding-bottom:4px}
.demo-video-time{display:block;font-size:11px;font-weight:400;color:#e4e8df;margin-top:5px;letter-spacing:.02em}
.demo-video-error{font-size:12px;color:#666a6c;line-height:1.5;margin-top:12px}
@media(max-width:760px){.demo-video-play{padding:17px;gap:11px}.demo-video-play-icon{width:43px;height:43px;font-size:17px}.demo-video-play>span:last-child{font-size:15px}.demo-video-visual figcaption{gap:15px}.demo-video-visual figcaption>span{font-size:11px}}