.blog-video-player{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;border:1px solid #303034;border-radius:18px;background:#101012}
.editorial-figure .blog-video-player video,.editorial-figure .blog-video-poster{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;border-radius:0;background:#101012}
.blog-video-poster{z-index:1;pointer-events:none}
.blog-video-player.has-started .blog-video-poster{visibility:hidden}
.blog-video-player button,.blog-video-player a{display:inline-flex;align-items:center;justify-content:center;color:#e4e4e7;border:0;background:transparent;cursor:pointer;text-decoration:none}
.blog-video-player svg{width:19px;height:19px}
.blog-video-player .blog-video-center{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border:1px solid #626266;border-radius:50%;background:#303032}
.blog-video-center svg{width:27px;height:27px}
.blog-video-player.is-playing .blog-video-center{visibility:hidden;pointer-events:none}
.blog-video-tools{position:absolute;z-index:3;bottom:12px;right:12px;display:flex;gap:2px;padding:4px;border:1px solid #343438;border-radius:12px;background:#141416ed}
.blog-video-tools button,.blog-video-tools a{width:34px;height:32px;border-radius:7px}
.blog-video-tools button:hover,.blog-video-tools a:hover{background:#303034}
.blog-video-player button:focus-visible,.blog-video-player a:focus-visible{outline:2px solid #ddd;outline-offset:2px}
.blog-video-status{position:absolute;z-index:4;left:12px;top:12px;max-width:calc(100% - 24px);border-radius:8px;background:#18181b;color:#eee;font-size:13px}
.blog-video-status:not(:empty){padding:8px 12px}
.blog-video-player:fullscreen{width:100%;height:100%;border:0;border-radius:0;aspect-ratio:auto;background:#000}
@media(max-width:480px){.blog-video-tools{bottom:8px;right:8px}.blog-video-player .blog-video-center{width:48px;height:48px}}