/* Scoped to enhanced videos only. Native/no-JS markup is not styled. */
:root { --dtvj-video-css: 1; }
.dtvj-video { position:relative; width:100%; overflow:hidden; border-radius:inherit; background:#17131b; isolation:isolate; }
.dtvj-video > picture, .dtvj-video > iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.dtvj-video > picture { z-index:2; pointer-events:none; }
.dtvj-video > picture > img { display:block; width:100%; height:100%; object-fit:contain; }
.dtvj-video > iframe { z-index:1; }
.dtvj-video > .dtvj-video-play { position:absolute; z-index:3; left:50%; top:50%; transform:translate(-50%,-50%); width:76px; height:76px; min-height:76px; padding:0; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:rgba(255,255,255,.92); box-shadow:0 6px 24px rgba(0,0,0,.22); cursor:pointer; }
.dtvj-video-play::after { content:''; display:block; margin:auto; position:relative; left:3px; width:0; height:0; border-top:13px solid transparent; border-bottom:13px solid transparent; border-left:21px solid #302439; }
.dtvj-video-play:focus-visible,.dtvj-video-retry:focus-visible { outline:3px solid #8c52ff; outline-offset:4px; }
.dtvj-video > .dtvj-video-status { position:absolute; z-index:4; bottom:12px; left:12px; right:12px; padding:8px 12px; border-radius:6px; color:#fff; background:rgba(23,19,27,.9); font:500 14px/1.4 system-ui,sans-serif; text-align:center; pointer-events:none; }
.dtvj-video-status:empty { display:none; }
.dtvj-video > [hidden] { display:none !important; }
.dtvj-video-native { aspect-ratio:auto !important; background:transparent; }
.dtvj-video-native > video { display:block; width:100%; height:auto; }
.dtvj-video-native > .dtvj-video-status { position:static; display:block; margin-top:8px; }
.dtvj-video-retry { display:block; min-height:48px; margin:8px auto; padding:10px 18px; border:1px solid #8c52ff; border-radius:8px; color:#302439; background:#fff; font:inherit; cursor:pointer; }