.strata-pro-detail.journey-v3-video-v2 .film-player[data-playback-state="loading"] .film-play {
  cursor: progress;
}

.strata-pro-detail.journey-v3-video-v2 .film-player[data-playback-state="loading"] .film-play i {
  opacity: 0;
}

.strata-pro-detail.journey-v3-video-v2 .film-player[data-playback-state="loading"] .film-play::after,
.strata-pro-detail.journey-v3-video-v2 .film-player[data-playback-state="buffering"]::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 28px;
  height: 28px;
  margin: -14px 0 0 -14px;
  border: 3px solid rgba(255, 255, 255, .35);
  border-top-color: #fff;
  border-radius: 50%;
  animation: strata-film-spin .75s linear infinite;
  pointer-events: none;
}

.strata-pro-detail.journey-v3-video-v2 .film-player[data-playback-state="buffering"]::after {
  z-index: 4;
  width: 42px;
  height: 42px;
  margin: -21px 0 0 -21px;
}

.strata-pro-detail.journey-v3-video-v2 .film-feedback {
  position: absolute;
  z-index: 4;
  left: 16px;
  top: 16px;
  max-width: calc(100% - 32px);
  padding: 8px 12px;
  background: rgba(10, 12, 13, .85);
  color: #fff;
  font-size: 14px;
  line-height: 1.35;
  opacity: 0;
  pointer-events: none;
}

.strata-pro-detail.journey-v3-video-v2 .film-player[data-playback-state="error"] .film-feedback {
  opacity: 1;
}

@keyframes strata-film-spin {
  to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .strata-pro-detail.journey-v3-video-v2 .film-player[data-playback-state="loading"] .film-play::after,
  .strata-pro-detail.journey-v3-video-v2 .film-player[data-playback-state="buffering"]::after {
    animation-duration: 1.8s;
  }
}