.wrapper-hero .bg-accent--video {
  height: 100%;
  width: 50%;
  z-index: 0;
  overflow: clip;
  clip-path: inset(0 0 0 0 round 0 0 0 400px);
}
.wrapper-hero .bg-accent--video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  width: 177.78vh;
  height: 56.25vw;
  pointer-events: none;
  border: none;
}
.wrapper-hero:has(iframe[id^=vid-player-]) .btn-video-toggle {
  display: inline-flex;
}
.wrapper-hero .btn-video-toggle.is-unmuted .szicon-volume-mute::before {
  content: "\e928";
}