#ag-video-showcase,
#ag-video-showcase * {
  box-sizing: border-box !important;
}

#ag-video-showcase {
  --ag-yellow: #EAAA04;

  width: 100% !important;
  margin: 0 !important;
  padding: 22px 32px 44px !important;
  background: #050505 !important;
}

#ag-video-showcase .ag-video-showcase__frame {
  position: relative !important;

  width: min(1440px, 100%) !important;
  min-height: 635px !important;
  margin: 0 auto !important;

  overflow: hidden !important;
  background: #000000 !important;
}

#ag-video-showcase .ag-video-showcase__poster {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;

  width: 100% !important;
  height: 100% !important;

  background:
    linear-gradient(
      rgba(5, 10, 13, .52),
      rgba(5, 10, 13, .52)
    ),
    var(--ag-video-showcase-poster)
    center center / cover no-repeat !important;

  opacity: 1 !important;
  visibility: visible !important;

  transition:
    opacity .35s ease,
    visibility .35s ease !important;
}

#ag-video-showcase .ag-video-showcase__poster::after {
  content: "" !important;

  position: absolute !important;
  inset: 0 !important;

  pointer-events: none !important;

  background:
    linear-gradient(
      90deg,
      rgba(0, 0, 0, .08) 0%,
      rgba(0, 0, 0, .18) 50%,
      rgba(0, 0, 0, .16) 100%
    ) !important;
}

#ag-video-showcase .ag-video-showcase__video {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;

  width: 100% !important;
  height: 100% !important;

  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;

  background: #000000 !important;

  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;

  transition:
    opacity .35s ease,
    visibility .35s ease !important;
}

#ag-video-showcase.ag-video-is-playing
.ag-video-showcase__poster {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#ag-video-showcase.ag-video-is-playing
.ag-video-showcase__video {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#ag-video-showcase .ag-video-showcase__play-wrap {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  z-index: 5 !important;

  width: 78px !important;
  height: 78px !important;

  transform: translate(-50%, -50%) !important;

  opacity: 1 !important;
  visibility: visible !important;

  transition:
    opacity .25s ease,
    visibility .25s ease !important;
}

#ag-video-showcase.ag-video-is-playing
.ag-video-showcase__play-wrap {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

#ag-video-showcase .ag-video-showcase__wave {
  position: absolute !important;
  inset: 0 !important;

  border: 1.5px solid rgba(234, 170, 4, .42) !important;
  border-radius: 50% !important;

  pointer-events: none !important;
  will-change: transform, opacity !important;

  animation:
    ag-video-wave-soft
    3.8s
    cubic-bezier(.22, .61, .36, 1)
    infinite !important;
}

#ag-video-showcase .ag-video-showcase__wave--two {
  animation-delay: 1.25s !important;
}

#ag-video-showcase .ag-video-showcase__wave--three {
  animation-delay: 2.5s !important;
}

@keyframes ag-video-wave-soft {
  0% {
    transform: scale(.96);
    opacity: .50;
  }

  45% {
    opacity: .25;
  }

  100% {
    transform: scale(2.15);
    opacity: 0;
  }
}

#ag-video-showcase .ag-video-showcase__play {
  all: unset !important;
  box-sizing: border-box !important;

  position: relative !important;
  z-index: 6 !important;

  width: 78px !important;
  height: 78px !important;

  border-radius: 50% !important;
  cursor: pointer !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: var(--ag-yellow) !important;
  color: #ffffff !important;

  border: 3px solid rgba(24, 24, 24, .88) !important;

  box-shadow:
    0 0 0 4px rgba(234, 170, 4, .18),
    0 12px 30px rgba(0, 0, 0, .30) !important;

  transition:
    transform .35s ease,
    background-color .35s ease,
    box-shadow .35s ease !important;
}

#ag-video-showcase .ag-video-showcase__play:hover {
  background: rgba(234, 170, 4, .78) !important;

  transform: scale(1.045) !important;

  box-shadow:
    0 0 0 7px rgba(234, 170, 4, .12),
    0 15px 36px rgba(0, 0, 0, .32) !important;
}

#ag-video-showcase .ag-video-showcase__play:focus-visible {
  outline: 2px solid #ffffff !important;
  outline-offset: 5px !important;
}

#ag-video-showcase .ag-video-showcase__play svg {
  width: 28px !important;
  height: 28px !important;

  display: block !important;
  margin-left: 4px !important;

  fill: currentColor !important;
}

@media (max-width: 900px) {
  #ag-video-showcase {
    padding: 18px 20px 34px !important;
  }

  #ag-video-showcase .ag-video-showcase__frame {
    min-height: 500px !important;
  }

  #ag-video-showcase .ag-video-showcase__play-wrap,
  #ag-video-showcase .ag-video-showcase__play {
    width: 70px !important;
    height: 70px !important;
  }
}

@media (max-width: 600px) {
  #ag-video-showcase {
    padding: 14px 16px 28px !important;
  }

  #ag-video-showcase .ag-video-showcase__frame {
    min-height: 360px !important;
  }

  #ag-video-showcase .ag-video-showcase__play-wrap,
  #ag-video-showcase .ag-video-showcase__play {
    width: 62px !important;
    height: 62px !important;
  }

  #ag-video-showcase .ag-video-showcase__play {
    border-width: 2px !important;
  }

  #ag-video-showcase .ag-video-showcase__play svg {
    width: 23px !important;
    height: 23px !important;
  }

  #ag-video-showcase .ag-video-showcase__video {
    object-fit: contain !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  #ag-video-showcase .ag-video-showcase__wave {
    animation: none !important;
    opacity: .16 !important;
    transform: scale(1.4) !important;
  }

  #ag-video-showcase .ag-video-showcase__poster,
  #ag-video-showcase .ag-video-showcase__video,
  #ag-video-showcase .ag-video-showcase__play-wrap {
    transition: none !important;
  }
}