.metaopus-page .media-block[data-placeholder],
.metaopus-page .seo-mockup[data-placeholder],
.metaopus-page .flow-section.flow-section--landscape .gallery-card[data-placeholder],
.metaopus-page .paywall-showcase[data-placeholder] {
  background: var(--mockup-01-black);
}

.metaopus-page .gallery-card[data-placeholder] .gallery-phone,
.metaopus-page .paywall-showcase[data-placeholder] .paywall-phone,
.metaopus-page .paywall-showcase[data-placeholder] .paywall-layered-screen {
  background: var(--mockup-01-black);
}

.metaopus-page .metaopus-spec-media {
  aspect-ratio: 400 / 243;
  background: var(--mockup-01-black);
}

.metaopus-page .metaopus-spec-media img {
  object-fit: contain;
}

.metaopus-page .metaopus-components-section .gallery-card,
.metaopus-page .metaopus-components-section .gallery-phone {
  aspect-ratio: 8 / 5;
  background: var(--mockup-01-black);
}

.metaopus-page .flow-section.flow-section--landscape {
  --flow-gallery-surface: var(--mockup-01-black);
}

.metaopus-page .flow-section.flow-section--landscape .gallery-card {
  background: var(--mockup-01-black);
}

.metaopus-page .seo-mockup .seo-sticky-header {
  margin-bottom: -5.9375%;
  background: rgb(20 20 20 / 80%);
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  backdrop-filter: blur(16px) saturate(120%);
}

.metaopus-page #multidevice .paywall-sticky-header {
  position: sticky;
  z-index: 2;
  top: 0;
  width: 100%;
  margin-bottom: -24.5333%;
  background: rgb(20 20 20 / 80%);
  -webkit-backdrop-filter: blur(16px) saturate(120%);
  backdrop-filter: blur(16px) saturate(120%);
  pointer-events: none;
}

.metaopus-page #multidevice .paywall-sticky-header img {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
}

.metaopus-page #multidevice .paywall {
  --navigation-control-bg: rgb(255 255 255 / 10%);
  --navigation-control-fg: #aeb0af;
  --navigation-control-hover: rgb(255 255 255 / 6%);
  --navigation-control-hover-fg: #ffffff;
  --navigation-control-selected: #ffffff;
  --navigation-control-selected-fg: #151716;
}

.metaopus-page #multidevice .paywall-showcase {
  background: var(--mockup-01-black);
}

.metaopus-page #multidevice .paywall-phone {
  background: #3c3c3c;
}

.metaopus-page #multidevice .paywall-tab:focus-visible {
  outline-color: rgb(255 255 255 / 38%);
}

.metaopus-page #multidevice .paywall-tab:not(.is-active):hover,
.metaopus-page #multidevice .paywall-tab:not(.is-active):focus-visible {
  color: var(--navigation-control-fg);
}