/* Override the plain player with a device presentation. The original file is unchanged. */
.demo-video-figure{margin:0 auto;max-width:1060px}
.demo-ipad{position:relative;padding:22px 32px;background:linear-gradient(145deg,#36343d,#17161b);border:2px solid #59565e;border-radius:48px;box-shadow:0 32px 65px -28px #32284670,inset 0 0 0 2px #111017}
.demo-ipad-camera{position:absolute;left:13px;top:50%;width:6px;height:6px;border-radius:50%;background:#09090d;box-shadow:inset 0 0 0 1px #484455}
.demo-ipad-screen{position:relative;overflow:hidden;aspect-ratio:2778/1940;border-radius:23px;background:#171527;isolation:isolate}
.demo-ipad-screen video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;aspect-ratio:auto;border-radius:0;box-shadow:none}
.demo-play-overlay{position:absolute;inset:0;margin:auto;width:82px;height:82px;border:1px solid #ffffff70;border-radius:50%;background:#403d60d9;color:white;box-shadow:0 8px 35px #0004;cursor:pointer;font-size:29px;backdrop-filter:blur(8px)}.demo-play-overlay span{display:block;margin-left:5px}.demo-play-overlay:hover{background:#ce4030}
.demo-controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:35px 17px 12px;background:linear-gradient(transparent,#181627db);color:white;opacity:1;transition:opacity .2s}.demo-ipad.is-playing .demo-controls{opacity:0;pointer-events:none}.demo-ipad.is-playing:hover .demo-controls,.demo-ipad:focus-within .demo-controls{opacity:1;pointer-events:auto}.demo-controls button{border:0;background:transparent;color:white;font-size:20px;width:34px;min-height:36px;cursor:pointer;flex-shrink:0}.demo-controls input{min-width:0;width:100%;accent-color:var(--coral);cursor:pointer}.demo-controls [data-video-time]{white-space:nowrap;font-size:10px;font-variant-numeric:tabular-nums}.demo-ipad button:focus-visible,.demo-ipad input:focus-visible{outline:3px solid var(--coral);outline-offset:2px}
.demo-ipad:fullscreen{border:0;border-radius:0;padding:15px;background:#17161b;display:grid;place-items:center}.demo-ipad:fullscreen .demo-ipad-screen{width:min(100%,calc((100vh - 30px)*2778/1940));max-height:calc(100vh - 30px)}
.demo-controls{opacity:0;pointer-events:none}.demo-ipad:hover .demo-controls,.demo-ipad:focus-within .demo-controls{opacity:1;pointer-events:auto}
@media(hover:none){.demo-ipad .demo-controls{opacity:1;pointer-events:auto}}
@media(max-width:720px){.demo-ipad{padding:12px 18px;border-radius:27px}.demo-ipad-camera{left:7px;width:4px;height:4px}.demo-ipad-screen{border-radius:13px}.demo-play-overlay{width:58px;height:58px;font-size:22px}.demo-controls{gap:4px;padding:22px 6px 6px}.demo-controls button{width:26px;font-size:17px}.demo-controls [data-video-time]{font-size:8px}}