/* Stage1120: controls remain children of each slide, so they scroll with the video.
   Desktop frame is centered and all overlay content is constrained to its true bounds. */
.shorts-page-v89 .short-slide-v89{position:relative!important;isolation:isolate!important}
.shorts-page-v89 .short-slide-v89>.short-feed-close-in-frame-v694{
 position:absolute!important;top:12px!important;right:calc((100% - min(560px,56.25dvh,100vw))/2 + 12px)!important;
 left:auto!important;bottom:auto!important;transform:none!important;z-index:180!important;
 width:34px!important;height:34px!important;display:flex!important;align-items:center!important;
 justify-content:center!important;font:400 25px/1 system-ui,sans-serif!important;
 color:#fff!important;text-shadow:0 1px 4px #000!important;pointer-events:auto!important;
}
.shorts-page-v89 .short-slide-v89>.short-audio-toggle-v1{
 position:absolute!important;top:56px!important;right:calc((100% - min(560px,56.25dvh,100vw))/2 + 10px)!important;
 left:auto!important;bottom:auto!important;transform:none!important;z-index:179!important;
}
.shorts-page-v89 .short-slide-v89>.short-overlay-v89{
 position:absolute!important;left:0!important;right:0!important;bottom:0!important;
 z-index:10!important;box-sizing:border-box!important;pointer-events:none!important;
}
@media(min-width:1024px) and (hover:hover) and (pointer:fine){
 body:has(.shorts-page-v89){overflow:hidden!important}
 body:has(.shorts-page-v89) main{padding:0!important;margin:0!important;max-width:none!important;width:100%!important}
 body:has(.shorts-page-v89) .shorts-page-v89{
  position:fixed!important;inset:0!important;top:0!important;left:0!important;
  width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;z-index:2147483000!important;background:#000!important;
 }
 .shorts-page-v89 .shorts-feed-v89{
  position:relative!important;width:min(560px,56.25dvh,100vw)!important;height:100dvh!important;
  min-height:0!important;margin:0 auto!important;overflow-y:auto!important;
 }
 .shorts-page-v89 .short-slide-v89{
  width:100%!important;height:100dvh!important;min-height:100dvh!important;
  margin:0!important;padding:0!important;display:flex!important;align-items:center!important;
  justify-content:center!important;overflow:hidden!important;
 }
 .shorts-page-v89 .short-slide-v89>video.short-video-v89{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  min-width:100%!important;min-height:100%!important;max-width:none!important;max-height:none!important;
  object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;
 }
 .shorts-page-v89 .short-slide-v89>.short-overlay-v89{
  left:0!important;right:0!important;bottom:0!important;width:100%!important;
  padding:70px 12px 18px!important;text-align:right!important;
  background:linear-gradient(transparent,rgba(0,0,0,.68))!important;
 }
 .shorts-page-v89 .short-slide-v89>.short-overlay-v89 .short-author-v89{margin-left:auto!important}
 .shorts-page-v89 .short-slide-v89>.short-feed-close-in-frame-v694{
  right:12px!important;top:12px!important;width:34px!important;height:34px!important;
 }
 .shorts-page-v89 .short-slide-v89>.short-audio-toggle-v1{right:10px!important;top:56px!important}
 .shorts-page-v89 .shorts-desktop-nav-v685:not([hidden]){
  position:fixed!important;left:calc(50% + min(560px,56.25dvh,100vw)/2 + 16px)!important;
  right:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
  z-index:2147483002!important;
 }
}
@media(max-width:1023px){
 .shorts-page-v89 .short-slide-v89>.short-feed-close-in-frame-v694{
  top:12px!important;right:12px!important;left:auto!important;
 }
 .shorts-page-v89 .short-slide-v89>.short-audio-toggle-v1{
  top:56px!important;right:12px!important;left:auto!important;
 }
}
/* Header must paint above the scrolling feed on phones. */
@media(max-width:760px){
 body:has(.shorts-page-v89) .site-header{position:fixed!important;top:0!important;z-index:2147483600!important}
 body:has(.shorts-page-v89) .shorts-page-v89{position:relative!important;z-index:1!important}
}
