/* Breakpoints */
.dynamic-video {
  position: relative;
  width: 100%;
}
@media (width < 768px) {
  .dynamic-video {
    aspect-ratio: 3/4 !important;
  }
}
.dynamic-video__posterimage {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.dynamic-video__videoplayer {
  width: 100%;
  height: 100%;
  position: absolute;
}
.dynamic-video__videoplayer video[poster] {
  -o-object-fit: cover;
     object-fit: cover;
}
.dynamic-video__videoplayer .s7videoplayer {
  background: unset;
}
.dynamic-video--loading .dynamic-video__videoplayer {
  z-index: -1;
}
.dynamic-video--loaded {
  cursor: pointer;
}
.dynamic-video--loaded .dynamic-video__posterimage {
  z-index: -2;
}
.dynamic-video .s7videoviewer .s7controlbar {
  background-image: none;
  opacity: 0 !important;
}
.dynamic-video .s7videoviewer .s7controlbar--playing {
  opacity: 1 !important;
}
.dynamic-video .s7videoviewer .s7videoplayer .s7iconeffect[state=play] {
  width: 100px;
  height: 100px;
  background-position: initial;
  background-size: initial;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 32 32' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M16 1.667c7.916 0 14.334 6.417 14.334 14.333S23.916 30.334 16 30.334 1.667 23.916 1.667 16 8.084 1.667 16 1.667m0 2C9.189 3.667 3.667 9.189 3.667 16S9.189 28.334 16 28.334 28.334 22.811 28.334 16 22.811 3.667 16 3.667m-3.667 7.9c0-.875.948-1.42 1.703-.98h.001l7.603 4.435c.75.437.75 1.52 0 1.958l-7.603 4.434a1.134 1.134 0 0 1-1.704-.979zm2 7.359L19.348 16l-5.015-2.926z' fill='black'%3E%3C/path%3E%3C/svg%3E");
}
.dynamic-video .s7videoviewer .s7videoplayer .s7iconeffect[state=replay] {
  background-image: none;
}
.dynamic-video .s7videoviewer .s7videoplayer .s7iconeffect--hidden {
  display: none;
}
.dynamic-video .s7videoviewer .s7playpausebutton {
  inset: auto 60px 10px auto;
  cursor: pointer;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-size: var(--icon-size-m);
}
.dynamic-video .s7videoviewer .s7playpausebutton[selected=true], .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state][replay=true], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state][replay=true] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M12 1.1c6.02 0 10.9 4.88 10.9 10.9S18.02 22.9 12 22.9 1.1 18.02 1.1 12 5.98 1.1 12 1.1m0 1.8A9.1 9.1 0 0 0 2.9 12a9.1 9.1 0 0 0 9.1 9.1 9.1 9.1 0 0 0 9.1-9.1A9.1 9.1 0 0 0 12 2.9M9.1 8.674a1 1 0 0 1 1.504-.864l5.702 3.326a1 1 0 0 1 0 1.727l-5.703 3.326a1 1 0 0 1-1.503-.864zm1.8 5.258 3.314-1.933-3.314-1.934z' fill='white'%3E%3C/path%3E%3C/svg%3E") !important;
}
.dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state=up], .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state=over], .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state][replay=true][state=up], .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state][replay=true][state=over], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state=up], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state=over], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state][replay=true][state=up], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state][replay=true][state=over] {
  background-position: center;
  background-color: var(--palette-opacity-black-60);
}
.dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state=up]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state=over]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state][replay=true][state=up]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=true][state][replay=true][state=over]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state=up]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state=over]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state][replay=true][state=up]:hover, .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state][replay=true][state=over]:hover {
  background-color: var(--colors-interaction-hover);
}
.dynamic-video .s7videoviewer .s7playpausebutton[selected=false], .dynamic-video .s7videoviewer .s7playpausebutton[selected=false][state][replay=true] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M12 1.1c6.02 0 10.9 4.88 10.9 10.9S18.02 22.9 12 22.9 1.1 18.02 1.1 12 5.98 1.1 12 1.1m0 1.8A9.1 9.1 0 0 0 2.9 12a9.1 9.1 0 0 0 9.1 9.1 9.1 9.1 0 0 0 9.1-9.1A9.1 9.1 0 0 0 12 2.9m-1.2 12.6H9V9h1.8zm4.201 0h-1.8V9H15z' fill='white'%3E%3C/path%3E%3C/svg%3E") !important;
}
.dynamic-video .s7videoviewer .s7mutablevolume {
  right: 1px !important;
}
.dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton {
  cursor: pointer;
  width: 40px !important;
  height: 40px !important;
  inset: auto 10px 2px auto;
  border-radius: 50%;
  background-size: var(--icon-size-m);
}
.dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=true], .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=false] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M11.281 2.472c.63-.506 1.62-.07 1.62.787V20.74c0 .857-.99 1.293-1.62.787l-.12-.114-4.558-5.015H3.1a1 1 0 0 1-1-1V8.6a1 1 0 0 1 1-1h3.503l4.557-5.013zm-3.586 6.6a1 1 0 0 1-.739.327H3.9v5.2h3.056a1 1 0 0 1 .664.253l.075.074 3.405 3.745V5.328zm13.784.555-2.225 2.287 2.391 2.459-1.29 1.254L18 13.204l-2.354 2.423-1.292-1.254 2.391-2.459-2.224-2.287 1.29-1.254L18 10.623l2.189-2.25z' fill='white'%3E%3C/path%3E%3C/svg%3E");
}
.dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=true][state=up], .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=true][state=over], .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=false][state=up], .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=false][state=over] {
  background-position: center;
  background-color: var(--palette-opacity-black-60);
}
.dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=true][state=up]:hover, .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=true][state=over]:hover, .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=false][state=up]:hover, .dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=false][state=over]:hover {
  background-color: var(--colors-interaction-hover);
}
.dynamic-video .s7videoviewer .s7mutablevolume .s7mutebutton[selected=false] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M11.281 2.472c.63-.506 1.62-.07 1.62.787V20.74c0 .857-.99 1.293-1.62.787l-.12-.114-4.558-5.015H3.1a1 1 0 0 1-1-1V8.6a1 1 0 0 1 1-1h3.503l4.557-5.013zm7.37 2.334a8.8 8.8 0 0 1 2.428 3.222 9.6 9.6 0 0 1 .82 4.044 9.5 9.5 0 0 1-.949 4.01 8.75 8.75 0 0 1-2.532 3.132l-.714.548-1.096-1.43.715-.546.306-.25a7 7 0 0 0 1.702-2.24c.485-.998.75-2.113.768-3.252a7.8 7.8 0 0 0-.663-3.283 7 7 0 0 0-1.931-2.567l-.694-.573 1.145-1.388zM7.694 9.072a1 1 0 0 1-.739.327H3.9v5.2h3.056a1 1 0 0 1 .664.253l.075.074 3.405 3.745V5.328zm8.993-1.414a5.3 5.3 0 0 1 1.46 1.937 5.7 5.7 0 0 1 .49 2.415 5.7 5.7 0 0 1-.567 2.397c-.36.743-.88 1.39-1.523 1.882l-.715.548-1.095-1.429.714-.548a3.5 3.5 0 0 0 1-1.24l.086-.19c.189-.452.292-.945.3-1.449a3.9 3.9 0 0 0-.334-1.654 3.5 3.5 0 0 0-.962-1.28l-.694-.573 1.145-1.39z' fill='white'%3E%3C/path%3E%3C/svg%3E");
}
.dynamic-video .s7videoviewer .s7verticalvolume {
  opacity: 0 !important;
}
.dynamic-video .s7videoviewer .s7fullscreenbutton,
.dynamic-video .s7videoviewer .s7videotime {
  display: none !important;
}
.dynamic-video .s7videoviewer .s7closedcaptionbutton {
  display: none;
}
.dynamic-video .s7videoviewer .s7videoscrubber {
  width: 100% !important;
  left: 0;
  bottom: 0;
  top: auto;
}
.dynamic-video .s7videoviewer .s7videoscrubber .s7knob {
  width: 0;
}
.dynamic-video .s7videoviewer .s7videoscrubber .s7track {
  right: 0;
  height: 4px;
}
.dynamic-video .s7videoviewer .s7videoscrubber .s7trackloaded,
.dynamic-video .s7videoviewer .s7videoscrubber .s7trackplayed {
  height: 4px;
}
.dynamic-video.dynamic-video__play-icon--white .s7videoviewer .s7videoplayer .s7iconeffect[state=play] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'  viewBox='0 0 32 32' fill='none' alt='' aria-hidden='true' focusable='false' class=''%3E%3Cpath d='M16 1.667c7.916 0 14.334 6.417 14.334 14.333S23.916 30.334 16 30.334 1.667 23.916 1.667 16 8.084 1.667 16 1.667m0 2C9.189 3.667 3.667 9.189 3.667 16S9.189 28.334 16 28.334 28.334 22.811 28.334 16 22.811 3.667 16 3.667m-3.667 7.9c0-.875.948-1.42 1.703-.98h.001l7.603 4.435c.75.437.75 1.52 0 1.958l-7.603 4.434a1.134 1.134 0 0 1-1.704-.979zm2 7.359L19.348 16l-5.015-2.926z' fill='white'%3E%3C/path%3E%3C/svg%3E");
}
.dynamic-video.dynamic-video--progress-bar-show .s7videoviewer .s7videoscrubber {
  visibility: visible !important;
}
.dynamic-video.dynamic-video--progress-bar-hide .s7videoviewer .s7videoscrubber {
  visibility: hidden !important;
}
.dynamic-video.dynamic-video--mute-button-show .s7videoviewer .s7mutebutton {
  visibility: visible !important;
}
.dynamic-video.dynamic-video--mute-button-hide .s7videoviewer .s7mutebutton {
  visibility: hidden !important;
}
.dynamic-video__warning {
  display: none;
}

.page--mode-edit .dynamic-video__warning {
  display: block;
  background: rgba(255, 255, 255, 0.3);
  z-index: 100;
  padding: 1px 5px;
  position: absolute;
}
.page--mode-edit .dynamic-video.dynamic-video__play-icon--white .dynamic-video__posterimage {
  border-color: white;
}

.video--playing {
  cursor: default;
}