/**
 * @param {string} $scheme - The color scheme of the button. Options are nothing, $scheme-light, $scheme-dark
 * if $scheme-dark is passed, the button will be black text and black outline
 * if $scheme-light is passed, the button will be white text and white outline
 * if no $scheme is passed, the button will depend on the background color via the bg-dark mixin
 *   - if ancestor DOES have bg-dark, then white text and white outline
 *   - if ancestor DOES NOT have bg-dark, then black text and black outline
 */
.cms-media[data-v-d74e3059] {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.cms-media[data-v-d74e3059] img {
  opacity: 1;
  transition: opacity 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.cms-media[data-v-d74e3059] img.cover {
  width: 100%;
  object-fit: cover;
}
.cms-media[data-v-d74e3059] img.scale-down {
  object-fit: scale-down;
  object-position: center center;
  margin: 0px auto;
  max-width: 100%;
}
.cms-media .hover-zoom[data-v-d74e3059] {
  transition: transform 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transform: scale(1, 1);
}
.cms-media .hover-zoom[data-v-d74e3059]:hover {
  transform: scale(1.025, 1.025);
  transform-origin: center;
}
.cms-media .video-element[data-v-d74e3059],
.cms-media .video-poster[data-v-d74e3059] {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}
.cms-media .play-pause-icon-button[data-v-d74e3059] {
  position: absolute;
  z-index: 100;
}
.cms-media .play-pause-icon-button.is-safari[data-v-d74e3059] {
  animation-name: forceRedraw-d74e3059;
  animation-duration: 500ms;
  animation-iteration-count: infinite;
}
@keyframes forceRedraw-d74e3059 {
from {
    box-shadow: inset rgba(0, 0, 0, 0) 0 0 0;
}
to {
    box-shadow: inset rgba(0, 0, 0, 0.0000001) 0 0 0 10px;
}
}
.cms-media .play-pause-icon-button.right-bottom[data-v-d74e3059] {
  bottom: 16px;
  right: 16px;
}
@media (min-width: 768px) {
.cms-media .play-pause-icon-button.right-bottom[data-v-d74e3059] {
    bottom: 24px;
    right: 24px;
}
}
.cms-media .play-pause-button[data-v-d74e3059] {
  -webkit-font-smoothing: antialiased;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: transparent;
  border-radius: 0;
  border: 0;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  padding: 0;
  text-align: center;
  text-decoration: none;
  user-select: none;
  vertical-align: middle;
}
.cms-media .play-pause-button[data-v-d74e3059]:focus {
  outline: 3px solid #395775;
}
.cms-media .play-pause-button[data-v-d74e3059] {
  background-color: rgba(0, 0, 0, 0.2);
  height: 40px;
  transition: background-color 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  width: 40px;
  z-index: 100;
  position: absolute;
}
@media (min-width: 768px) {
.cms-media .play-pause-button[data-v-d74e3059]:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.4);
}
}
.cms-media .play-pause-button[data-v-d74e3059] .play-pause-icon {
  height: 16px;
  width: 16px;
  stroke: #ffffff;
}
.cms-media .play-pause-button[data-v-d74e3059] .play-pause-icon path {
  fill: #ffffff;
}
.cms-media .play-pause-button.is-safari[data-v-d74e3059] {
  animation-name: forceRedraw-d74e3059;
  animation-duration: 500ms;
  animation-iteration-count: infinite;
}
@keyframes forceRedraw-d74e3059 {
from {
    box-shadow: inset rgba(0, 0, 0, 0) 0 0 0;
}
to {
    box-shadow: inset rgba(0, 0, 0, 0.0000001) 0 0 0 10px;
}
}
.cms-media .play-pause-button.right-bottom[data-v-d74e3059] {
  bottom: 8px;
  right: 8px;
}
@media (min-width: 768px) {
.cms-media .play-pause-button.right-bottom[data-v-d74e3059] {
    bottom: 16px;
    right: 16px;
}
}
.cms-media .play-pause-button.right-top[data-v-d74e3059] {
  top: 8px;
  right: 8px;
}
@media (min-width: 768px) {
.cms-media .play-pause-button.right-top[data-v-d74e3059] {
    top: 16px;
    right: 16px;
}
}
.cms-media .play-pause-button.left-bottom[data-v-d74e3059] {
  bottom: 8px;
  left: 8px;
}
@media (min-width: 768px) {
.cms-media .play-pause-button.left-bottom[data-v-d74e3059] {
    bottom: 16px;
    left: 16px;
}
}
.cms-media .play-pause-button.left-top[data-v-d74e3059] {
  top: 8px;
  left: 8px;
}
@media (min-width: 768px) {
.cms-media .play-pause-button.left-top[data-v-d74e3059] {
    top: 16px;
    left: 16px;
}
}
.cms-media .play-pause-button.center-middle[data-v-d74e3059] {
  top: 128px;
  left: 120px;
}
@media (min-width: 768px) {
.cms-media .play-pause-button.center-middle[data-v-d74e3059] {
    top: calc(50% - 26px);
    left: calc(50% - 26px);
}
}