.mobile-video-origin{width:100%;height:100%}
.floating-video-surface{position:relative;width:100%;height:100%}
.floating-video-surface>video{display:block;width:100%;height:100%;object-fit:contain}
.floating-video-close{display:none}
.is-mobile-floating>.floating-video-close{display:grid;place-items:center;position:absolute;top:6px;right:6px;z-index:1001;width:32px;height:32px;padding:0;border:1px solid #ffffffa0;border-radius:50%;background:#111d;color:#fff;font:26px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 1px 5px #0007}
.floating-video-close:focus-visible{outline:3px solid #fff;outline-offset:2px}
.video-player-hero:has(.is-mobile-floating){isolation:auto;overflow:visible}
.mobile-video-origin.is-video-floating{min-height:var(--mobile-video-origin-height)!important}
body.site-shell .story :is(video,.vast-player,.floating-video-surface).is-mobile-floating{position:fixed!important;z-index:480!important;left:24px!important;right:auto!important;bottom:24px!important;top:auto!important;width:min(360px,40vw)!important;height:auto!important;aspect-ratio:16/9!important;max-width:40vw!important;max-height:40vh!important;margin:0!important;background:#000;object-fit:contain;border-radius:7px;box-shadow:0 3px 18px #0008}
@media(max-width:700px){
 body.site-shell .story :is(video,.vast-player,.floating-video-surface).is-mobile-floating{left:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:min(240px,60vw)!important;max-width:60vw!important}
 body.has-mobile-floating-video .mobile-quick-menu{bottom:calc(30px + min(135px,33.75vw) + env(safe-area-inset-bottom,0px))}
}
@media print{.is-mobile-floating{display:none!important}}