/* The demonstration owns its two background junctions; neighbouring sections stay intact. */
.review.theme-v4 .nd-video {
  color: #f8f6ff;
  background:
    linear-gradient(
      180deg,
      #0e1434 0%,
      #0e1434 52%,
      #0b0e28 100%);
  padding-block: 36px 0;
  border: 0;
}
.review.theme-v4 .nd-video.section > .wrap {
  inline-size: min(1280px, 90.4%);
  padding-block-end: 18px;
  border: 0;
}
.review.theme-v4 .nd-title {
  max-inline-size: 1040px;
  margin: 0 auto 32px;
  font-family: var(--title);
  font-size: clamp(30px, 3.4vw, 48px);
  font-weight: 400;
  line-height: 1.16;
  letter-spacing: -.025em;
  text-align: start;
  text-wrap: balance;
}
.review.theme-v4 .nd-eyebrow {
  max-inline-size: 1040px;
  margin: 0 auto 16px;
  color: #a59eff;
}
.review.theme-v4 .nd-media {
  position: relative;
  isolation: isolate;
  inline-size: 100%;
  max-inline-size: 1040px;
  margin-inline: auto;
  aspect-ratio: 16 / 9;
  border: 1px solid #252343;
  border-radius: 20px;
  overflow: hidden;
  background: #0b0e22;
  box-shadow: 0 18px 44px -28px #12163766;
  transform-origin: center bottom;
}
.review.theme-v4 .nd-poster,
.review.theme-v4 .nd-player,
.review.theme-v4 .nd-player iframe {
  position: absolute;
  inset: 0;
  display: block;
  inline-size: 100%;
  block-size: 100%;
  border: 0;
}
.review.theme-v4 .nd-poster {
  object-fit: contain;
}
.review.theme-v4 .nd-player {
  visibility: hidden;
}
.review.theme-v4 .nd-launch {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  color: #fff;
  background: linear-gradient(#0c0a661e, #0c0a6657);
  font-family: var(--body);
  font-size: 18px;
  font-weight: 550;
  line-height: 1.35;
  text-align: center;
  transition: background 180ms;
}
.review.theme-v4 .nd-play-icon {
  display: grid;
  place-items: center;
  inline-size: 88px;
  block-size: 88px;
  border-radius: 50%;
  background: #635bff;
  box-shadow: 0 18px 44px -10px #5b58f3b3, 0 0 0 12px #ffffff29;
  transition: transform 220ms, box-shadow 220ms;
}
.review.theme-v4 .nd-launch .icon {
  inline-size: 28px;
  block-size: 28px;
  margin-inline-start: 4px;
  fill: currentColor;
  stroke-width: 0;
}
.review.theme-v4 .nd-launch:focus-visible {
  outline: 3px solid #d7d1ff;
  outline-offset: -6px;
}
.review.theme-v4 .nd-launch[aria-disabled=true] {
  cursor: progress;
}
.review.theme-v4 .nd-media[data-demo-state=ready] .nd-poster,
.review.theme-v4 .nd-media[data-demo-state=ready] .nd-launch {
  visibility: hidden;
}
.review.theme-v4 .nd-media[data-demo-state=ready] .nd-player {
  visibility: visible;
}
.review.theme-v4 .nd-feedback {
  position: absolute;
  inset-inline: 14px;
  inset-block-end: 12px;
  margin: 0;
  padding: 10px 14px;
  border: 1px solid #706b96;
  border-radius: 6px;
  color: #fff;
  background: #0e1434f2;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
  pointer-events: none;
}
.review.theme-v4 .nd-media[data-demo-state=error] .nd-play-icon {
  transform: translateY(-28px);
}
.review.theme-v4 .nd-media[data-demo-state=ready] .nd-feedback {
  inset-block-start: 12px;
  inset-block-end: auto;
}
.review.theme-v4 .nd-support {
  display: flex;
  justify-content: flex-end;
  min-block-size: 44px;
  margin-block-start: 8px;
  max-inline-size: 1040px;
  margin-inline: auto;
}
.review.theme-v4 .nd-source {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding-block: 10px;
  color: #c3bce8;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.review.theme-v4 .nd-source .icon {
  inline-size: 16px;
  block-size: 16px;
}
.review.theme-v4 .nd-media.is-entering {
  animation: nd-reveal 650ms cubic-bezier(.2, .65, .25, 1) both;
}
@keyframes nd-reveal {
  from {
    transform: perspective(1200px) translateY(18px) rotateX(3deg);
  }
  to {
    transform: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .review.theme-v4 .nd-launch:hover {
    background: #0c0a6640;
  }
  .review.theme-v4 .nd-launch:hover .nd-play-icon {
    transform: scale(1.06);
  }
  .review.theme-v4 .nd-source:hover {
    color: #fff;
  }
}
@media (max-width: 760px) {
  .review.theme-v4 .nd-video {
    padding-block-start: 28px;
  }
  .review.theme-v4 .nd-video.section > .wrap {
    inline-size: calc(100% - 32px);
  }
  .review.theme-v4 .nd-title {
    margin-block-end: 24px;
  }
  .review.theme-v4 .nd-media {
    border-radius: 8px;
  }
  .review.theme-v4 .nd-play-icon {
    inline-size: 60px;
    block-size: 60px;
    box-shadow: 0 12px 24px -10px #5b58f3b3, 0 0 0 8px #ffffff29;
  }
  .review.theme-v4 .nd-feedback {
    inset-inline: 8px;
    inset-block-end: 8px;
    font-size: 13px;
    padding: 7px 9px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .review.theme-v4 .nd-media.is-entering {
    animation: none;
  }
  .review.theme-v4 .nd-launch {
    transition: none;
  }
}