/* RedFeed — /clip/{code}: mesmo layout do feed home; só boot/loading */

body.rf-clip-deeplink .rf-splash,
body.rf-clip-deeplink .rf-app-intro {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.rf-clip-deeplink .rf-reels-profile-stage {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.rf-clip-await-viewer {
  background: #000 !important;
  overflow: hidden !important;
}

body.rf-clip-await-viewer main {
  visibility: hidden !important;
  pointer-events: none !important;
}

body.rf-clip-await-viewer #rfFeedReelsViewer.rf-clip-loading {
  display: block !important;
  visibility: visible !important;
  background: #000 !important;
}

body.rf-clip-await-viewer #rfFeedReelsViewer.rf-clip-loading::after {
  content: "";
  position: fixed;
  left: 50%;
  top: 50%;
  width: 36px;
  height: 36px;
  margin: -18px 0 0 -18px;
  border-radius: 50%;
  border: 3px solid rgba(255, 255, 255, 0.15);
  border-top-color: #ff174d;
  animation: rfClipSpin 0.75s linear infinite;
  z-index: 2147483001;
  pointer-events: none;
}

@keyframes rfClipSpin {
  to {
    transform: rotate(360deg);
  }
}

body.rf-clip-deeplink:not(.rf-clip-viewer-ready) .rf-feed-reels-slide-ui {
  visibility: hidden !important;
  pointer-events: none !important;
}