/* Phase 120xt clean: repost media edge-to-edge inside repost cards + separate page background from cards */
:root{
  --sv120-page-bg-light: #f7f9f9;
  --sv120-page-bg-dark: #15202b;
  --sv120-repost-radius: 14px;
}

html,
body,
body:not(.sv-reelsPage){
  background: var(--sv120-page-bg-light) !important;
}

body:not(.sv-reelsPage){
  --sv-bg: var(--sv120-page-bg-light) !important;
}

body.sv-dark:not(.sv-reelsPage){
  --sv-bg: var(--sv120-page-bg-dark) !important;
  background: var(--sv120-page-bg-dark) !important;
}

body:not(.sv-reelsPage) .sv-feed .sv-repostBox,
body:not(.sv-reelsPage) .sv-feed .sv-repostBoxV2,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard{
  overflow: hidden !important;
}

body:not(.sv-reelsPage) .sv-feed .sv-repostCard{
  padding: 10px 0 0 !important;
}

body:not(.sv-reelsPage) .sv-feed .sv-repostMiniHd,
body:not(.sv-reelsPage) .sv-feed .sv-repostCap,
body:not(.sv-reelsPage) .sv-feed .sv-repostText,
body:not(.sv-reelsPage) .sv-feed .sv-repostMeta,
body:not(.sv-reelsPage) .sv-feed .sv-repostBody{
  padding-left: 12px !important;
  padding-right: 12px !important;
}

body:not(.sv-reelsPage) .sv-feed .sv-repostMedia,
body:not(.sv-reelsPage) .sv-feed .sv-repostGallery,
body:not(.sv-reelsPage) .sv-feed .sv-repostMediaOuter,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-media,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-gallery,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-mediaVideo,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-repostVideo{
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  border-radius: 0 0 var(--sv120-repost-radius) var(--sv120-repost-radius) !important;
}

body:not(.sv-reelsPage) .sv-feed .sv-repostMedia,
body:not(.sv-reelsPage) .sv-feed .sv-repostGallery,
body:not(.sv-reelsPage) .sv-feed .sv-repostMediaOuter,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-media,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-gallery,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-mediaVideo,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-repostVideo{
  margin-top: 6px !important;
}

body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-media img,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-media video,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-media iframe,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-gallery img,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-gallery video,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-gallery iframe,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-videoPoster,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-gBtn{
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-media > img:last-child,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-media > video:last-child,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-media > iframe:last-child,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-mediaVideo > video:last-child,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-mediaVideo > iframe:last-child,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-repostVideo > video:last-child,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-repostVideo > iframe:last-child,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-videoPoster,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-gallery,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-gallery .sv-gBtn:last-child,
body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-gallery .sv-gBtn:last-child img{
  border-bottom-left-radius: var(--sv120-repost-radius) !important;
  border-bottom-right-radius: var(--sv120-repost-radius) !important;
}

body:not(.sv-reelsPage) .sv-feed .sv-repostCard .sv-videoPoster{
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}