/* R304 - intrinsic-proportion Room gallery and true exclusive tabs.
   The mode surface image (Social, Friends or Work) remains visible between
   imagery rather than using solid black dividing lines. */
body[data-vr-room-active-tab]:not([data-vr-room-active-tab="posts"])
  section.vrSharedRoomFeed,
body[data-vr-room-active-tab]:not([data-vr-room-active-tab="posts"])
  [data-vr-room-panel-r304="posts"]{display:none!important}
body[data-vr-room-active-tab]:not([data-vr-room-active-tab="media"])
  [data-vr-room-panel-r304="media"]{display:none!important}
body[data-vr-room-active-tab]:not([data-vr-room-active-tab="library"])
  [data-vr-room-panel-r304="library"]{display:none!important}
body[data-vr-room-active-tab]:not([data-vr-room-active-tab="about"])
  #vrChannelAboutPanel{display:none!important}
#vrRoomGalleryR295[hidden]{display:none!important}
#vrRoomGalleryR295 .vrRoomMosaicGridR299{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-rows:8px!important;
  grid-auto-flow:dense!important;
  gap:4px!important;
  align-items:stretch!important;
  justify-items:stretch!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  background-image:var(--mode-surface-image,url("/assets/radar/bg-social.webp"))!important;
  background-size:cover!important;
  background-position:center!important;
  background-color:#140b20!important;
  overflow:clip!important
}
#vrRoomGalleryR295 .vrRoomMosaicGridR299[data-vr-gallery-size]{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  grid-auto-rows:8px!important
}
#vrRoomGalleryR295 .vrRoomMosaicGridR299 .vrMosaicTileR299,
#vrRoomGalleryR295 .vrRoomMosaicGridR299[data-vr-gallery-size="many"] .vrMosaicTileR299[data-vr-r299-variant]{
  grid-column:span var(--vr-r304-columns,2)!important;
  grid-row:span var(--vr-r304-rows,12)!important;
  width:100%!important;height:100%!important;
  border-radius:0!important;
  background:var(--mode-surface-image,url("/assets/radar/bg-social.webp")) center/cover no-repeat!important
}
#vrRoomGalleryR295 .vrRoomMosaicGridR299 .vrMosaicTileR299 .vrRoomBrowseVisualR295{
  background:transparent!important
}
#vrRoomGalleryR295 .vrRoomMosaicGridR299 .vrMosaicTileR299 .vrRoomBrowseVisualR295 > img,
#vrRoomGalleryR295 .vrRoomMosaicGridR299 .vrMosaicTileR299 .vrRoomBrowseVisualR295 > video{
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important
}
#vrRoomGalleryR295 .vrRoomMosaicGridR299 .vrRoomBrowseCountR295{
  background:rgba(10,5,15,.67)!important
}
#vrRoomBrowseTabsR295{scroll-margin-top:62px}
@media(min-width:700px){
  #vrRoomGalleryR295 .vrRoomMosaicGridR299,
  #vrRoomGalleryR295 .vrRoomMosaicGridR299[data-vr-gallery-size]{
    grid-auto-rows:8px!important
  }
}